Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-11-25 05:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2535 from IvarK/better-scoped-css-variables

Browse Source 
Scope CSS variables to body instead of #ui-container so they can be used in more places
This commit is contained in:
Dys 2022-04-30 11:06:59 +08:00 committed by GitHub
commit 51fbc66264
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/stylesheets/new-ui-styles.css
View File

@ -7,8 +7,8 @@
outline: none;
}
.t-normal #ui-container,
.t-s9 #ui-container {
:root .t-normal,
:root .t-s9 {
--color-text: white;
--color-text-inverted: black;
--color-base: #1d1b22;

22
public/stylesheets/styles.css
View File

@ -24,7 +24,7 @@ html {
justify-content: center;
}
#ui-container {
:root {
--color-text: black;
--color-text-inverted: white;
--color-base: #F2F2F2;
@ -67,9 +67,9 @@ html {
--color-pelle--secondary: #00bcd4;
}
.t-metro #ui-container, /* csslint allow: empty-rules */
.t-inverted-metro #ui-container,
.t-s8 #ui-container {
:root .t-metro, /* csslint allow: empty-rules */
:root .t-inverted-metro,
:root .t-s8 {
--color-text: black;
--color-text-inverted: white;
--color-base: #eeeeee;
@ -85,7 +85,7 @@ html {
--color-celestials: #00bcd4;
}
.t-dark #ui-container { /* csslint allow: empty-rules */
:root .t-dark { /* csslint allow: empty-rules */
--color-text: #e0e0e0;
--color-text-inverted: black;
--color-base: #455a64;
@ -101,7 +101,7 @@ html {
--color-laitela--accent: white;
}
.t-dark-metro #ui-container { /* csslint allow: empty-rules */
:root .t-dark-metro { /* csslint allow: empty-rules */
--color-text: #e0e0e0;
--color-text-inverted: black;
--color-base: #455a64;
@ -123,7 +123,7 @@ html {
--color-laitela--accent: white;
}
.t-s1 #ui-container { /* csslint allow: empty-rules */
:root .t-s1 { /* csslint allow: empty-rules */
--color-text: black;
--color-text-inverted: #dbd242;
--color-base: #dbd242;
@ -143,7 +143,7 @@ html {
--color-pelle--base: #7cb727;
}
.t-s4 #ui-container { /* csslint allow: empty-rules */
:root .t-s4 { /* csslint allow: empty-rules */
--color-text: black;
--color-text-inverted: white;
--color-base: #1b00ff;
@ -152,8 +152,8 @@ html {
--color-bad: #ff0000;
}
.t-s6 #ui-container, /* csslint allow: empty-rules */
.t-s10 #ui-container {
:root .t-s6, /* csslint allow: empty-rules */
:root .t-s10 {
--color-text: #E0E0E0;
--color-text-inverted: black;
--color-base: black;
@ -167,7 +167,7 @@ html {
--color-laitela--accent: white;
}
.t-s11 #ui-container { /* csslint allow: empty-rules */
:root .t-s11 { /* csslint allow: empty-rules */
--color-text: #E0E0E0;
--color-text-inverted: black;
--color-base: black;