clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-01 09:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(ui): clean up css vars

Browse Source
This commit is contained in:
charlie
2024-01-31 11:51:25 +08:00
parent 5a6151d9e7
commit 4c98549d9a
6 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/frontend/ui.css
View File

@@ -23,7 +23,7 @@
}
&:hover, &.chosen {
background-color: or(--lx-gray-05, --ls-menu-hover-color, hsl(var(--secondary)));
background-color: var(--lx-gray-05, var(--ls-menu-hover-color, hsl(var(--secondary))));
.has-help small {
visibility: visible;
@@ -32,7 +32,7 @@
&:not(.chosen):hover {
background-color: unset !important;
color: or(--lx-gray-12, --ls-primary-text-color, hsl(var(--secondary)));
color: var(--lx-gray-12, var(--ls-primary-text-color, hsl(var(--secondary))));
}
}
}
@@ -304,10 +304,10 @@ html.is-mobile {
@apply block w-full pl-3 pr-10 py-2 text-base leading-6 rounded
border-gray-300 focus:outline-none sm:text-sm sm:leading-5;
background-color: or(--ls-form-select-background-color, --lx-gray-03, --ls-primary-background-color, transparent);
background-color: var(--lx-gray-03, var(--ls-primary-background-color, transparent));
background-repeat: no-repeat;
border-width: 1px;
border-color: or(--ls-form-select-border-color, --lx-gray-07, --ls-border-color);
border-color: var(--lx-gray-07, var(--ls-border-color));
&.is-small {
@apply pl-2 py-1.5 sm:leading-4 sm:text-xs;
@@ -348,9 +348,9 @@ html.is-mobile {
width: 24px;
height: 24px;
flex-shrink: 0;
border-color: or(--ls-type-icon-border-color, --lx-gray-03, --ls-primary-background-color);
border-color: var(--lx-gray-03, var(--ls-primary-background-color));
overflow: hidden;
color: or(--ls-type-icon-text-color, --lx-gray-12, --ls-primary-text-color);
color: var(--lx-gray-12, var(--ls-primary-text-color));
.ti,
.tie {
@@ -359,7 +359,7 @@ html.is-mobile {
&:before {
@apply block absolute inset-0 ;
background: or(--ls-type-icon-before-color, --lx-gray-03, --ls-primary-background-color);
background: var(--lx-gray-03, var(--ls-primary-background-color));
content: " ";
}
}