izawartka/td2-visualizer
izawartka/td2-visualizer
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make BackMaseuko use themes

Browse Source 
- Updated BackMaseuko component style to use CSS themes
This commit is contained in:
izawartka 2026-08-12 20:58:57 +02:00
parent db1c21757a
commit 7dcd8ff29d
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Themes.css
View File

@ -1,6 +1,7 @@
:root { :root {
--background-color: #141414; --background-color: #141414;
--text-color: #eee; --text-color: #eee;
--text-color-secondary: #777;
--half-layer-color: #fff1; --half-layer-color: #fff1;
--layer-color: #fff2; --layer-color: #fff2;
--layer-color-hover: #fff3; --layer-color-hover: #fff3;
@ -30,6 +31,7 @@
.light-mode { .light-mode {
--background-color: #f8f8f8; --background-color: #f8f8f8;
--text-color: #222; --text-color: #222;
--text-color-secondary: #444;
--layer-color: #0002; --layer-color: #0002;
--half-layer-color: #0001; --half-layer-color: #0001;
--layer-color-hover: #0003; --layer-color-hover: #0003;

6
src/components/back-maseuko/BackMaseuko.css
View File

@ -1,15 +1,15 @@
.back-maseuko { .back-maseuko {
display: block; display: block;
margin-right: 8px; margin-right: 8px;
color: #777; color: var(--text-color-secondary);
text-decoration: none; text-decoration: none;
} }
.back-maseuko:hover { .back-maseuko:hover {
color: #eee; color: var(--text-color);
} }
.back-maseuko:hover .back-maseuko-text { .back-maseuko:hover .back-maseuko-text {
color: #eee; color: var(--text-color);
text-decoration: underline; text-decoration: underline;
} }