sumedia-webdesign/scss-framework
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

fix

Browse source
This commit is contained in:
Sven Ullmann 2025-07-20 03:14:41 +02:00
parent 554c1cc1df
commit d221819e31
5 changed files with 119 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

31
theme/sumedia/_theme.scss
View file

@ -1,28 +1,33 @@
:root {
--primary-color: #333;
--primary-color-ligher: #444;
--primary-color-lighest: #555;
--primary-color-darker: #252525;
--primary-color-darkest: #111;
--secondary-color: #da0;
--secondary-color-lighter: #db0;
--secondary-color-darker: #c90;
--secondary-color-lighter: #c90;
--secondary-color-lightest: #fc0;
--secondary-color-darker: #960;
--secondary-color-darkest: #860;
--tertiary-color: #460;
--tertiary-color-ligher: #680;
--tertiary-color-lighest: #8a0;
--tertiary-color-darker: #340;
--tertiary-color-darkest: #230;
--quarternary-color: #146;
--quarternary-color-lighter: #257;
--quarternary-color-lightest: #2368;
--quarternary-color-darker: #035;
--bg-color: #fff;
--bg-color-inverted: #333;
--fg-color: #222;
--fg-color-inverted: #f5f5f5;
--link-color: #246;
--link-color-inverted: #da0;
--border-color: #222;
--border-color-inverted: #ccc;
--quarternary-color-darkest: #024;
--bg-color: #222;
--bg-color-inverted: #ccc;
--fg-color: #f0f0f0;
--fg-color-inverted: #212121;
--link-color: #da0;
--link-color-inverted: #246;
--border-color: #111;
--border-color-inverted: #aaa;
--shadow-color: #333;
--primary-font: $primaryFont;
--heading-font: $headingFont;
--icon-font: $iconFont;
}
@media (prefers-color-scheme: dark) {

11
theme/vineae/_theme.scss
View file

@ -1,16 +1,24 @@
:root {
--primary-color: #333;
--primary-color-ligher: #444;
--primary-color-lighest: #555;
--primary-color-darker: #252525;
--primary-color-darkest: #111;
--secondary-color: #da0;
--secondary-color-lighter: #c90;
--secondary-color-lightest: #fc0;
--secondary-color-darker: #960;
--secondary-color-darkest: #860;
--tertiary-color: #460;
--tertiary-color-ligher: #680;
--tertiary-color-lighest: #8a0;
--tertiary-color-darker: #340;
--tertiary-color-darkest: #230;
--quarternary-color: #146;
--quarternary-color-lighter: #257;
--quarternary-color-lightest: #2368;
--quarternary-color-darker: #035;
--quarternary-color-darkest: #024;
--bg-color: #222;
--bg-color-inverted: #ccc;
--fg-color: #f0f0f0;
@ -20,9 +28,6 @@
--border-color: #111;
--border-color-inverted: #aaa;
--shadow-color: #333;
--primary-font: $primaryFont;
--heading-font: $headingFont;
--icon-font: $iconFont;
}
@media (prefers-color-scheme: dark) {