clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-24 22:25:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): using the shui css vars for the classic classes

Browse Source
This commit is contained in:
charlie
2024-09-06 22:42:39 +08:00
parent b92a936060
commit 7a9a66691c
2 changed files with 4 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/vars-classic.css
View File

@@ -90,12 +90,6 @@ html[data-theme=light][data-color=logseq] {
--ls-pie-bg-color: #e1e1e1;
--ls-pie-fg-color: #0a4a5d;
--ls-error-text-color: var(--color-red-700);
--ls-error-background-color: var(--color-red-100);
--ls-warning-text-color: var(--color-yellow-700);
--ls-warning-background-color: var(--color-yellow-100);
--ls-success-text-color: var(--color-green-800);
--ls-success-background-color: var(--color-green-100);
--ls-focus-ring-color: rgba(66, 133, 244, 0.5);
--ls-header-button-background: rgba(15, 20, 25, 1);
--ls-left-sidebar-text-color: var(--lx-gray-12);
@@ -154,12 +148,6 @@ html[data-theme=dark][data-color=logseq] {
--ls-pie-bg-color: #01303b;
--ls-pie-fg-color: #0b5869;
--ls-error-text-color: var(--color-red-400);
--ls-error-background-color: var(--color-red-900);
--ls-warning-text-color: var(--color-yellow-400);
--ls-warning-background-color: var(--color-yellow-900);
--ls-success-text-color: var(--color-green-100);
--ls-success-background-color: var(--color-green-900);
--ls-focus-ring-color: rgba(18, 98, 119, 0.5);
--ls-header-button-background: #dee4ea;
--ls-left-sidebar-text-color: var(--lx-gray-11);

18
src/main/frontend/common.css
View File

@@ -430,26 +430,16 @@ p.warning {
a.error,
span.error {
background: var(--ls-error-background-color);
padding: 0.1em 0.4em;
border-radius: var(--ls-border-radius-low);
color: var(--ls-error-text-color);
@apply bg-red-rx-04-alpha text-red-rx-09 dark:bg-red-rx-06-alpha
dark:text-red-rx-10 rounded px-1.5 py-[2px] leading-none;
}
.text-error {
color: var(--ls-error-text-color);
@apply text-red-rx-09;
}
.bg-error {
background: var(--ls-error-background-color);
}
.text-success {
color: var(--ls-success-text-color);
}
.bg-success {
background: var(--ls-success-background-color);
@apply bg-red-rx-04-alpha;
}
img.small {