Beta theme feature #10
@@ -217,8 +217,8 @@ input[type="range"]::-ms-fill-upper {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: var(--surface1);
|
|
||||||
background-size: 10px 10px;
|
background-size: 10px 10px;
|
||||||
background-image: repeating-linear-gradient(
|
background-image: repeating-linear-gradient(
|
||||||
45deg,
|
45deg,
|
||||||
@@ -231,19 +231,38 @@ input[type="range"]::-ms-fill-upper {
|
|||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: #1e1e2e;
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-size: 10px 10px;
|
background-size: 10px 10px;
|
||||||
background-image: repeating-linear-gradient(
|
background-image: repeating-linear-gradient(
|
||||||
45deg,
|
45deg,
|
||||||
#585b70 0,
|
var(--surface1) 0,
|
||||||
#585b70 1px,
|
var(--surface1) 1px,
|
||||||
#1e1e2e 0,
|
var(--base) 0,
|
||||||
#1e1e2e 50%
|
var(--base) 50%
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.theme-btn {
|
||||||
|
display: flex;
|
||||||
|
gap: 5px;
|
||||||
|
align-items: center;
|
||||||
|
font-family: monospace;
|
||||||
|
color: var(--text);
|
||||||
|
background-color: transparent;
|
||||||
|
margin-left: 20px ;
|
||||||
|
border: none;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-btn:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-icon path {
|
||||||
|
fill: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
.button.button-active,
|
.button.button-active,
|
||||||
.button:active {
|
.button:active {
|
||||||
background: var(--text) !important;
|
background: var(--text) !important;
|
||||||
|
Reference in New Issue
Block a user