MusicTopus/sass/colors.scss

53 lines
1.7 KiB
SCSS
Raw Normal View History

: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);
}