52 lines
1.7 KiB
SCSS
52 lines
1.7 KiB
SCSS
:root {
|
|
/* Couleurs globales */
|
|
--primary-bg-color: rgb(136, 192, 208);
|
|
--primary-bg-hl-color: rgb(121, 184, 202);
|
|
--primary-font-color: rgb(59, 66, 82);
|
|
--danger-bg-color: rgb(191, 97, 106);
|
|
--danger-bg-hl-color: rgb(176, 89, 100);
|
|
--danger-font-color: rgb(4, 4, 4);
|
|
|
|
/* Couleurs du thème */
|
|
--default-color: rgb(255, 255, 255);
|
|
--bg-color: rgb(242, 244, 248);
|
|
--font-color: rgb(76, 86, 106);
|
|
--footer-color: rgb(251, 251, 252);
|
|
--link-colink-color: rgb(59, 66, 82);
|
|
--link-hover-color: rgb(76, 86, 106);
|
|
--input-color: rgb(76, 86, 106);
|
|
--input-active-color: rgb(229, 233, 240);
|
|
--navbar-color: rgb(242, 244, 248);
|
|
|
|
--form-bg-color: rgb(255, 255, 255);
|
|
--form-box-color: rgba(184, 194, 215, 0.35);
|
|
|
|
--border-color: rgb(229, 233, 240);
|
|
|
|
--pagination-text-color: rgb(76, 86, 106);
|
|
--pagination-border-color: rgb(76, 86, 106);
|
|
--pagination-text-hover-color: rgb(115, 151, 186);
|
|
--pagination-border-hover-color: rgb(115, 151, 186);
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--default-color: rgb(76, 86, 106);
|
|
--bg-color: rgb(36, 41, 51);
|
|
--font-color: rgb(236, 239, 244);
|
|
--footer-color: rgb(59, 66, 82);
|
|
--link-color: rgb(171, 185, 207);
|
|
--link-hover-color: rgb(236, 239, 244);
|
|
--input-color: rgb(236, 239, 244);
|
|
--input-active-color: rgb(36, 41, 51);
|
|
--navbar-color: rgb(59, 66, 82);
|
|
|
|
--form-bg-color: rgb(46, 52, 64);
|
|
--form-box-color: rgba(15, 17, 21, 0.2);
|
|
|
|
--border-color: rgb(59, 66, 82);
|
|
|
|
--pagination-text-color: rgb(236, 239, 244);
|
|
--pagination-border-color: rgb(76, 86, 106);
|
|
--pagination-text-hover-color: rgb(115, 151, 186);
|
|
--pagination-border-hover-color: rgb(115, 151, 186);
|
|
} |