kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Fixed css values by using variables

Browse Source
This commit is contained in:
DMZTdhruv
2024-08-09 19:31:08 +05:30
parent 7ea7765404
commit 7c6f10b3c1
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/style.css
View File

@@ -217,8 +217,8 @@ input[type="range"]::-ms-fill-upper {
text-align: center;
}
.button:hover {
background-color: var(--surface1);
background-size: 10px 10px;
background-image: repeating-linear-gradient(
45deg,
@@ -231,19 +231,38 @@ input[type="range"]::-ms-fill-upper {
@media (prefers-color-scheme: dark) {
.button:hover {
background-color: #1e1e2e;
opacity: 1;
background-size: 10px 10px;
background-image: repeating-linear-gradient(
45deg,
#585b70 0,
#585b70 1px,
#1e1e2e 0,
#1e1e2e 50%
var(--surface1) 0,
var(--surface1) 1px,
var(--base) 0,
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:active {
background: var(--text) !important;