cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(css): use variable rather direct color

Browse Source
This commit is contained in:
Edouard Vanbelle
2026-04-14 11:54:18 +02:00
parent 08884f3b6d
commit d01b2c6ec4
8 changed files with 163 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/components/dialogs.css
+1 -1
View File
@@ -501,7 +501,7 @@
.playlist-track-count {
margin-left: auto;
font-size: 12px;
color: #718096;
color: var( --color-text-muted);
}
/* Custom confirm dialog */
static/css/components/filesView.css
+7 -7
View File
@@ -36,7 +36,7 @@
}
.file-item {
background-color: var(--color-bg-surface);
background-color: var(--color-item);
}
.file-item.selected {
@@ -44,7 +44,7 @@
}
.file-item:hover {
background-color: var(--color-bg-hover);
background-color: var(--color-item-hover);
border-color: var(--color-border-medium);
}
@@ -101,7 +101,7 @@
width: 100%;
border-radius: 10px;
overflow: hidden;
background-color: var(--color-bg-surface);
background-color: var(--color-item);
box-shadow: 0 1px 3px var(--color-shadow-xs);
}
@@ -269,7 +269,7 @@
width: 22px;
height: 22px;
border-radius: 6px;
background: var(--color-bg-surface);
background: var(--color-item);
display: flex;
align-items: center;
justify-content: center;
@@ -426,7 +426,7 @@
grid-template-columns: var(--dragged-files-list-columns);
column-gap: 12px;
align-items: center;
background-color: var(--color-bg-surface);
background-color: var(--color-item);
display: flex;
padding: 4px;
width: 360px;
@@ -447,8 +447,8 @@
}
.dragged-items div.fading {
-webkit-mask-image: linear-gradient(to bottom, var(--color-bg-surface) 10%, transparent);
mask-image: linear-gradient(to bottom, var(--color-bg-surface) 10%, transparent);
-webkit-mask-image: linear-gradient(to bottom, var(--color-item) 10%, transparent);
mask-image: linear-gradient(to bottom, var(--color-item) 10%, transparent);
}
.dragged-items-badge {