Skip to content

Commit c090de2

Browse files
PrashantUnityPrashantUnity
committed
Updated
1 parent 85fee59 commit c090de2

10 files changed

Lines changed: 628 additions & 50 deletions

File tree

‎assets/css/modern-dark-theme.css‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -811,6 +811,116 @@
811811
color: rgb(100 116 139);
812812
}
813813

814+
/* —— FAQ page —— */
815+
[data-theme="dark"] body.home-page .faq-main-card {
816+
border-color: rgb(71 85 105 / 0.8);
817+
background-color: rgb(30 41 59);
818+
}
819+
820+
[data-theme="dark"] body.home-page .faq-main__toolbar {
821+
border-color: rgb(51 65 85);
822+
background-color: rgb(15 23 42 / 0.45);
823+
}
824+
825+
[data-theme="dark"] body.home-page .faq-search__icon {
826+
color: rgb(100 116 139);
827+
}
828+
829+
[data-theme="dark"] body.home-page .faq-search__input {
830+
border-color: rgb(71 85 105 / 0.9);
831+
background-color: rgb(15 23 42 / 0.85);
832+
color: rgb(241 245 249);
833+
box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.03);
834+
}
835+
836+
[data-theme="dark"] body.home-page .faq-search__input::placeholder {
837+
color: rgb(100 116 139);
838+
}
839+
840+
[data-theme="dark"] body.home-page .faq-search__input:focus {
841+
border-color: rgb(56 189 248 / 0.45);
842+
background-color: rgb(15 23 42);
843+
box-shadow: 0 0 0 4px rgb(56 189 248 / 0.12);
844+
}
845+
846+
[data-theme="dark"] body.home-page .faq-filter {
847+
border-color: rgb(71 85 105 / 0.9);
848+
background-color: rgb(15 23 42 / 0.65);
849+
color: rgb(148 163 184);
850+
}
851+
852+
[data-theme="dark"] body.home-page .faq-filter:hover {
853+
border-color: rgb(100 116 139);
854+
background-color: rgb(30 41 59);
855+
color: rgb(226 232 240);
856+
}
857+
858+
[data-theme="dark"] body.home-page .faq-filter.is-active {
859+
border-color: rgb(56 189 248 / 0.4);
860+
background-color: rgb(12 74 110 / 0.4);
861+
color: rgb(125 211 252);
862+
}
863+
864+
[data-theme="dark"] body.home-page .faq-group__head {
865+
border-color: rgb(51 65 85);
866+
}
867+
868+
[data-theme="dark"] body.home-page .faq-group__title {
869+
color: rgb(56 189 248);
870+
}
871+
872+
[data-theme="dark"] body.home-page .faq-group__count {
873+
background-color: rgb(12 74 110 / 0.35);
874+
color: rgb(125 211 252);
875+
}
876+
877+
[data-theme="dark"] body.home-page .faq-item {
878+
border-color: rgb(71 85 105 / 0.75);
879+
background-color: rgb(15 23 42 / 0.55);
880+
}
881+
882+
[data-theme="dark"] body.home-page .faq-item:hover {
883+
border-color: rgb(100 116 139);
884+
background-color: rgb(15 23 42 / 0.85);
885+
}
886+
887+
[data-theme="dark"] body.home-page .faq-item[open] {
888+
border-color: rgb(56 189 248 / 0.3);
889+
background-color: rgb(15 23 42 / 0.92);
890+
box-shadow: 0 0 0 1px rgb(56 189 248 / 0.08);
891+
}
892+
893+
[data-theme="dark"] body.home-page .faq-item__question {
894+
color: rgb(241 245 249);
895+
}
896+
897+
[data-theme="dark"] body.home-page .faq-item[open] .faq-item__question {
898+
color: rgb(125 211 252);
899+
}
900+
901+
[data-theme="dark"] body.home-page .faq-item__chevron {
902+
color: rgb(100 116 139);
903+
}
904+
905+
[data-theme="dark"] body.home-page .faq-item[open] .faq-item__chevron {
906+
color: rgb(125 211 252);
907+
}
908+
909+
[data-theme="dark"] body.home-page .faq-item__answer {
910+
border-color: rgb(51 65 85);
911+
color: rgb(148 163 184);
912+
}
913+
914+
[data-theme="dark"] body.home-page .faq-no-results {
915+
border-color: rgb(71 85 105);
916+
background-color: rgb(15 23 42 / 0.5);
917+
color: rgb(148 163 184);
918+
}
919+
920+
[data-theme="dark"] body.home-page .faq-no-results a {
921+
color: rgb(125 211 252);
922+
}
923+
814924
/* —— Category banner —— */
815925
[data-theme="dark"] body.home-page .category-banner {
816926
border-color: rgb(71 85 105);

‎assets/css/modern-glass-theme.css‎

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -229,6 +229,7 @@
229229
[data-theme="glass"] body .about-connect-card,
230230
[data-theme="glass"] body .contact-form-card,
231231
[data-theme="glass"] body .contact-link,
232+
[data-theme="glass"] body .faq-main-card,
232233
[data-theme="glass"] body .about-pillar,
233234
[data-theme="glass"] body .home-why__card,
234235
[data-theme="glass"] body .home-why__perk,
@@ -254,6 +255,7 @@
254255
[data-theme="glass"] body .about-card::before,
255256
[data-theme="glass"] body .contact-form-card::before,
256257
[data-theme="glass"] body .contact-link::before,
258+
[data-theme="glass"] body .faq-main-card::before,
257259
[data-theme="glass"] body article.bg-white.rounded-2xl::before,
258260
[data-theme="glass"] body article.bg-white.rounded-2xl.flex::before,
259261
[data-theme="glass"] body .home-testimonial-card::before,
@@ -273,6 +275,7 @@
273275
[data-theme="glass"] body .about-card > *,
274276
[data-theme="glass"] body .contact-form-card > *,
275277
[data-theme="glass"] body .contact-link > *,
278+
[data-theme="glass"] body .faq-main-card > *,
276279
[data-theme="glass"] body article.bg-white.rounded-2xl > *,
277280
[data-theme="glass"] body article.bg-white.rounded-2xl.flex > *,
278281
[data-theme="glass"] body .home-testimonial-card > *,
@@ -288,6 +291,7 @@
288291
[data-theme="glass"] body .about-connect-card:hover,
289292
[data-theme="glass"] body .contact-form-card:hover,
290293
[data-theme="glass"] body .contact-link:hover,
294+
[data-theme="glass"] body .faq-main-card:hover,
291295
[data-theme="glass"] body article.bg-white.rounded-2xl:hover {
292296
background-color: rgba(255, 255, 255, 0.72) !important;
293297
box-shadow: inset 0 1px 0 var(--glass-highlight), 0 12px 40px rgba(15, 23, 42, 0.12), 0 1px 0 rgba(15, 23, 42, 0.05) !important;
@@ -556,6 +560,91 @@
556560
scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
557561
}
558562

563+
/* —— FAQ page —— */
564+
[data-theme="glass"] body .faq-main__toolbar {
565+
border-color: rgba(255, 255, 255, 0.45) !important;
566+
background-color: rgba(255, 255, 255, 0.28) !important;
567+
}
568+
569+
[data-theme="glass"] body .faq-search__input {
570+
border-color: rgba(255, 255, 255, 0.5) !important;
571+
background-color: rgba(255, 255, 255, 0.55) !important;
572+
color: rgb(15 23 42) !important;
573+
}
574+
575+
[data-theme="glass"] body .faq-search__input::placeholder {
576+
color: rgb(100 116 139) !important;
577+
}
578+
579+
[data-theme="glass"] body .faq-search__input:focus {
580+
border-color: rgba(14, 165, 233, 0.45) !important;
581+
background-color: rgba(255, 255, 255, 0.72) !important;
582+
box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.12) !important;
583+
}
584+
585+
[data-theme="glass"] body .faq-filter {
586+
border-color: rgba(255, 255, 255, 0.5) !important;
587+
background-color: rgba(255, 255, 255, 0.45) !important;
588+
color: rgb(51 65 85) !important;
589+
}
590+
591+
[data-theme="glass"] body .faq-filter:hover {
592+
background-color: rgba(255, 255, 255, 0.62) !important;
593+
}
594+
595+
[data-theme="glass"] body .faq-filter.is-active {
596+
border-color: rgba(14, 165, 233, 0.4) !important;
597+
background-color: rgba(14, 165, 233, 0.12) !important;
598+
color: rgb(3 105 161) !important;
599+
}
600+
601+
[data-theme="glass"] body .faq-group__head {
602+
border-color: rgba(255, 255, 255, 0.35) !important;
603+
}
604+
605+
[data-theme="glass"] body .faq-group__title {
606+
color: rgb(3 105 161) !important;
607+
}
608+
609+
[data-theme="glass"] body .faq-group__count {
610+
background-color: rgba(14, 165, 233, 0.12) !important;
611+
color: rgb(3 105 161) !important;
612+
}
613+
614+
[data-theme="glass"] body .faq-item {
615+
border-color: rgba(255, 255, 255, 0.42) !important;
616+
background-color: rgba(255, 255, 255, 0.32) !important;
617+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
618+
}
619+
620+
[data-theme="glass"] body .faq-item:hover {
621+
background-color: rgba(255, 255, 255, 0.48) !important;
622+
}
623+
624+
[data-theme="glass"] body .faq-item[open] {
625+
border-color: rgba(14, 165, 233, 0.35) !important;
626+
background-color: rgba(255, 255, 255, 0.52) !important;
627+
}
628+
629+
[data-theme="glass"] body .faq-item__question {
630+
color: rgb(15 23 42) !important;
631+
}
632+
633+
[data-theme="glass"] body .faq-item[open] .faq-item__question {
634+
color: rgb(2 132 199) !important;
635+
}
636+
637+
[data-theme="glass"] body .faq-item__answer {
638+
border-color: rgba(255, 255, 255, 0.35) !important;
639+
color: rgb(71 85 105) !important;
640+
}
641+
642+
[data-theme="glass"] body .faq-no-results {
643+
border-color: rgba(255, 255, 255, 0.45) !important;
644+
background-color: rgba(255, 255, 255, 0.25) !important;
645+
color: rgb(71 85 105) !important;
646+
}
647+
559648
/* ── Footer ── */
560649
[data-theme="glass"] body .site-footer {
561650
background-color: var(--glass-chrome-bg) !important;

‎assets/css/modern-light-theme.css‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -258,6 +258,7 @@
258258
[data-theme="light"] body .about-connect-card,
259259
[data-theme="light"] body .contact-form-card,
260260
[data-theme="light"] body .contact-link,
261+
[data-theme="light"] body .faq-main-card,
261262
[data-theme="light"] body .about-pillar,
262263
[data-theme="light"] body .home-why__card,
263264
[data-theme="light"] body .home-why__perk,
@@ -313,6 +314,68 @@
313314
border-color: #e2e8f0 !important;
314315
}
315316

317+
/* —— FAQ page —— */
318+
[data-theme="light"] body .faq-main__toolbar {
319+
border-color: #e2e8f0 !important;
320+
background-color: #f8fafc !important;
321+
}
322+
323+
[data-theme="light"] body .faq-search__input {
324+
border-color: #e2e8f0 !important;
325+
background-color: #ffffff !important;
326+
}
327+
328+
[data-theme="light"] body .faq-filter {
329+
border-color: #e2e8f0 !important;
330+
background-color: #ffffff !important;
331+
}
332+
333+
[data-theme="light"] body .faq-filter.is-active {
334+
border-color: #bae6fd !important;
335+
background-color: #e0f2fe !important;
336+
color: #0369a1 !important;
337+
}
338+
339+
[data-theme="light"] body .faq-group__head {
340+
border-color: #e2e8f0 !important;
341+
}
342+
343+
[data-theme="light"] body .faq-group__title {
344+
color: #0284c7 !important;
345+
}
346+
347+
[data-theme="light"] body .faq-group__count {
348+
background-color: #e0f2fe !important;
349+
color: #0369a1 !important;
350+
}
351+
352+
[data-theme="light"] body .faq-item {
353+
border-color: #e2e8f0 !important;
354+
background-color: #f8fafc !important;
355+
}
356+
357+
[data-theme="light"] body .faq-item:hover,
358+
[data-theme="light"] body .faq-item[open] {
359+
border-color: #cbd5e1 !important;
360+
background-color: #ffffff !important;
361+
box-shadow: var(--light-shadow-sm) !important;
362+
}
363+
364+
[data-theme="light"] body .faq-item[open] .faq-item__question {
365+
color: #0284c7 !important;
366+
}
367+
368+
[data-theme="light"] body .faq-item__answer {
369+
border-color: #e2e8f0 !important;
370+
color: #475569 !important;
371+
}
372+
373+
[data-theme="light"] body .faq-no-results {
374+
border-color: #e2e8f0 !important;
375+
background-color: #f8fafc !important;
376+
color: #64748b !important;
377+
}
378+
316379
/* ── Partners strip ── */
317380
[data-theme="light"] body .home-partners {
318381
background-color: #ffffff !important;

0 commit comments

Comments
 (0)