Knah-Tsaeb/KT-Color-Scheme
1
0
Fork 0
Code Issues Activity

Minor update

Browse source
This commit is contained in:
Knah Tsaeb 2024-12-06 10:45:01 +01:00
parent c18e027077
commit 5015db7639
1 changed files with 61 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
kt-scheme.css
View file

@ -1,85 +1,87 @@
:root { :root {
color-scheme: dark light; color-scheme: dark light;
--primary: #cc2027; --primary: #cc2027;
--primary-darken: #8E161B; --primary-darken: #8E161B;
--primary-lighten: #D64C52; --primary-lighten: #D64C52;
--primary-text-contrast: #FFF; --primary-text-contrast: #FFF;
--secondary: #20ccc5; --secondary: #20ccc5;
--secondary-darken: #168E89; --secondary-darken: #168E89;
--secondary-lighten: #4CD6D0; --secondary-lighten: #4CD6D0;
--secondary-text-contrast: #000; --secondary-text-contrast: #000;
--error: #c43933; --error: #c43933;
--error-darken: #892723; --error-darken: #892723;
--error-lighten: #CF605B; --error-lighten: #CF605B;
--error-text-contrast: #FFF; --error-text-contrast: #FFF;
--info: #206ccc; --info: #206ccc;
--info-darken: #164B8E; --info-darken: #164B8E;
--info-lighten: #4C89D6; --info-lighten: #4C89D6;
--info-text-contrast: #FFF; --info-text-contrast: #FFF;
--success: #7dcc20; --success: #7dcc20;
--success-darken: #578E16; --success-darken: #578E16;
--success-lighten: #97D64C; --success-lighten: #97D64C;
--success-text-contrast: #000; --success-text-contrast: #000;
--warning: #cc5e20; --warning: #cc5e20;
--warning-darken: #8E4116; --warning-darken: #8E4116;
--warning-lighten: #D67E4C; --warning-lighten: #D67E4C;
--warning-text-contrast: #FFF; --warning-text-contrast: #FFF;
--divider: light-dark(#B2AFAF, #454343); --divider: light-dark(#B2AFAF, #454343);
--background-color: light-dark(#fffbfb, #171414); --background-color: light-dark(#fffbfb, #171414);
--background-color-darken: light-dark(#B2AFAF, #100E0E); --background-color-darken: light-dark(#B2AFAF, #100E0E);
--background-color-lighten: light-dark(#FFFBFB, #454343); --background-color-lighten: light-dark(#FFFBFB, #454343);
--light-background-color: #fffbfb; --background-secondary-color: #ebebeb;
--dark-background-color: #171414;
--header-background-color: light-dark(#171414, #fffbfb); --light-background-color: #fffbfb;
--header-background-color-darken: light-dark(#100E0E, #B2AFAF); --dark-background-color: #171414;
--header-background-color-lighten: light-dark(#454343, #FFFBFB);
--header-text-color: light-dark(#fffbfb, #171414); --header-background-color: light-dark(#171414, #fffbfb);
--header-text-color-secondary: #ffffffb3; --header-background-color-darken: light-dark(#100E0E, #B2AFAF);
--header-text-color-disable: var(--divider); --header-background-color-lighten: light-dark(#454343, #FFFBFB);
--text-color: light-dark(#171414, #fffbfb); --header-text-color: light-dark(#fffbfb, #171414);
--text-color-secondary: #ffffffb3; --header-text-color-secondary: #ffffffb3;
--text-color-disable: light-dark(#454343, #B2AFAF); --header-text-color-disable: var(--divider);
--light-text-color: #171414; --text-color: light-dark(#171414, #fffbfb);
--dark-text-color: #fffbfb; --text-color-secondary: #ffffffb3;
--text-color-disable: light-dark(#454343, #B2AFAF);
--text-color-inverse: light-dark(#fffbfb, #171414); --light-text-color: #171414;
--text-color-secondary-inverse: #ffffffb3; --dark-text-color: #fffbfb;
--text-color-disable-inverse: var(--divider);
--box-shadow-light: .4rem .4rem 0px .1rem #B2AFAF; --text-color-inverse: light-dark(#fffbfb, #171414);
--box-shadow-dark: .4rem .4rem 0px .1rem #454343; --text-color-secondary-inverse: #ffffffb3;
--box-shadow-auto: .4rem .4rem 0px .1rem var(--divider); --text-color-disable-inverse: var(--divider);
--h1-color: var(--primary); --box-shadow-light: .4rem .4rem 0px .1rem #B2AFAF;
--h2-color: #c33d35; --box-shadow-dark: .4rem .4rem 0px .1rem #454343;
--h3-color: #b94f44; --box-shadow-auto: .4rem .4rem 0px .1rem var(--divider);
--h4-color: #ae5e52;
--h5-color: #a16a61;
--h6-color: #927671;
--font-size: 1.1em; --h1-color: var(--primary);
--default-space: .2em; --h2-color: #c33d35;
--h3-color: #b94f44;
--h4-color: #ae5e52;
--h5-color: #a16a61;
--h6-color: #927671;
--font-size: 1.2em;
--default-space: .2em;
} }
[data-theme="dark"] { [data-theme="dark"] {
color-scheme: dark; color-scheme: dark;
} }
[data-theme="light"] { [data-theme="light"] {
color-scheme: light; color-scheme: light;
} }
[data-theme="dark"] { [data-theme="dark"] {
@ -92,4 +94,4 @@
--background-color: #fffbfb; --background-color: #fffbfb;
--text-color: #171414; --text-color: #171414;
--text-color-inverse: #fffbfb; --text-color-inverse: #fffbfb;
} }