Make BackMaseuko use themes
- Updated BackMaseuko component style to use CSS themes
This commit is contained in:
parent
db1c21757a
commit
7dcd8ff29d
@ -1,6 +1,7 @@
|
||||
:root {
|
||||
--background-color: #141414;
|
||||
--text-color: #eee;
|
||||
--text-color-secondary: #777;
|
||||
--half-layer-color: #fff1;
|
||||
--layer-color: #fff2;
|
||||
--layer-color-hover: #fff3;
|
||||
@ -30,6 +31,7 @@
|
||||
.light-mode {
|
||||
--background-color: #f8f8f8;
|
||||
--text-color: #222;
|
||||
--text-color-secondary: #444;
|
||||
--layer-color: #0002;
|
||||
--half-layer-color: #0001;
|
||||
--layer-color-hover: #0003;
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
.back-maseuko {
|
||||
display: block;
|
||||
margin-right: 8px;
|
||||
color: #777;
|
||||
color: var(--text-color-secondary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.back-maseuko:hover {
|
||||
color: #eee;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.back-maseuko:hover .back-maseuko-text {
|
||||
color: #eee;
|
||||
color: var(--text-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user