Fixed #2730 - Add color-scheme style to Themes

pull/2731/head
Tuğçe Küçükoğlu 2022-06-29 13:58:44 +03:00
parent d1a96c3778
commit fac854dbbd
43 changed files with 43 additions and 0 deletions

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #93cbf9; --focus-ring: 0 0 0 1px #93cbf9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #a7d8a9; --focus-ring: 0 0 0 1px #a7d8a9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #ffe284; --focus-ring: 0 0 0 1px #ffe284;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #cf95d9; --focus-ring: 0 0 0 1px #cf95d9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.04); --surface-hover:rgba(255,255,255,.04);
--focus-ring: 0 0 0 1px #e3f3fe; --focus-ring: 0 0 0 1px #e3f3fe;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.04); --surface-hover:rgba(255,255,255,.04);
--focus-ring: 0 0 0 1px #f0e6f5; --focus-ring: 0 0 0 1px #f0e6f5;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#e9ecef; --surface-hover:#e9ecef;
--focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#e9ecef; --surface-hover:#e9ecef;
--focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#f3f2f1; --surface-hover:#f3f2f1;
--focus-ring: inset 0 0 0 1px #605e5c; --focus-ring: inset 0 0 0 1px #605e5c;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#f6f9fc; --surface-hover:#f6f9fc;
--focus-ring: 0 0 0 0.2rem #BFDBFE; --focus-ring: 0 0 0 0.2rem #BFDBFE;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#f6f9fc; --surface-hover:#f6f9fc;
--focus-ring: 0 0 0 0.2rem #C7D2FE; --focus-ring: 0 0 0 0.2rem #C7D2FE;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#f6f9fc; --surface-hover:#f6f9fc;
--focus-ring: 0 0 0 0.2rem #DDD6FE; --focus-ring: 0 0 0 0.2rem #DDD6FE;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#f6f9fc; --surface-hover:#f6f9fc;
--focus-ring: 0 0 0 0.2rem #99F6E4; --focus-ring: 0 0 0 0.2rem #99F6E4;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#4c4c4c; --surface-hover:#4c4c4c;
--focus-ring: 0 0 0 0.1rem white; --focus-ring: 0 0 0 0.1rem white;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#4c4c4c; --surface-hover:#4c4c4c;
--focus-ring: 0 0 0 0.1rem white; --focus-ring: 0 0 0 0.1rem white;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#4c4c4c; --surface-hover:#4c4c4c;
--focus-ring: 0 0 0 0.1rem white; --focus-ring: 0 0 0 0.1rem white;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#4c4c4c; --surface-hover:#4c4c4c;
--focus-ring: 0 0 0 0.1rem white; --focus-ring: 0 0 0 0.1rem white;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:hsla(0,0%,100%,.04); --surface-hover:hsla(0,0%,100%,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:hsla(0,0%,100%,.04); --surface-hover:hsla(0,0%,100%,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(0,0,0,.04); --surface-hover:rgba(0,0,0,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(0,0,0,.04); --surface-hover:rgba(0,0,0,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:hsla(0,0%,100%,.04); --surface-hover:hsla(0,0%,100%,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:hsla(0,0%,100%,.04); --surface-hover:hsla(0,0%,100%,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(0,0,0,.04); --surface-hover:rgba(0,0,0,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(0,0,0,.04); --surface-hover:rgba(0,0,0,.04);
--focus-ring: none; --focus-ring: none;
--maskbg: rgba(0, 0, 0, 0.32); --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
} }
/* roboto-regular - latin-ext_latin */ /* roboto-regular - latin-ext_latin */

View File

@ -42,6 +42,7 @@
--surface-hover:#eaeaea; --surface-hover:#eaeaea;
--focus-ring: 0 0 0 0.2rem #8dcdff; --focus-ring: 0 0 0 0.2rem #8dcdff;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#eaeaea; --surface-hover:#eaeaea;
--focus-ring: 0 0 0 0.2rem #8dcdff; --focus-ring: 0 0 0 0.2rem #8dcdff;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#eaeaea; --surface-hover:#eaeaea;
--focus-ring: 0 0 0 0.2rem #c2e9d8; --focus-ring: 0 0 0 0.2rem #c2e9d8;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:#eaeaea; --surface-hover:#eaeaea;
--focus-ring: 0 0 0 0.2rem #8dcdff; --focus-ring: 0 0 0 0.2rem #8dcdff;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #eaeaea; --surface-hover: #eaeaea;
--focus-ring: 0 0 0 0.2rem #e4e9ec; --focus-ring: 0 0 0 0.2rem #e4e9ec;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #e9ecef; --surface-hover: #e9ecef;
--focus-ring: 0 0 0 0.2rem #a6d5fa; --focus-ring: 0 0 0 0.2rem #a6d5fa;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #e9ecef; --surface-hover: #e9ecef;
--focus-ring: 0 0 0 0.2rem #b7e0b8; --focus-ring: 0 0 0 0.2rem #b7e0b8;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #e9ecef; --surface-hover: #e9ecef;
--focus-ring: 0 0 0 0.2rem #ffe69c; --focus-ring: 0 0 0 0.2rem #ffe69c;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #e9ecef; --surface-hover: #e9ecef;
--focus-ring: 0 0 0 0.2rem #df9eea; --focus-ring: 0 0 0 0.2rem #df9eea;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover: #f4f4f5; --surface-hover: #f4f4f5;
--focus-ring: 0 0 0 1px #6366F1; --focus-ring: 0 0 0 1px #6366F1;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
} }
@font-face { @font-face {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #93cbf9; --focus-ring: 0 0 0 1px #93cbf9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #a7d8a9; --focus-ring: 0 0 0 1px #a7d8a9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #ffe284; --focus-ring: 0 0 0 1px #ffe284;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {

View File

@ -42,6 +42,7 @@
--surface-hover:rgba(255,255,255,.03); --surface-hover:rgba(255,255,255,.03);
--focus-ring: 0 0 0 1px #cf95d9; --focus-ring: 0 0 0 1px #cf95d9;
--maskbg: rgba(0, 0, 0, 0.4); --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
} }
* { * {