mirror of
https://github.com/logseq/logseq.git
synced 2026-04-29 16:36:27 +00:00
enhance(ui): replace the hard color to radix and shadcn vars color
This commit is contained in:
@@ -2,6 +2,27 @@ html * {
|
||||
border-color: hsl(var(--border));
|
||||
}
|
||||
|
||||
html[data-theme=light] {
|
||||
--accent: var(--rx-gray-04-hsl);
|
||||
--accent-foreground: var(--rx-gray-12-hsl);
|
||||
--input: var(--rx-gray-03-hsl);
|
||||
}
|
||||
|
||||
html[data-theme=dark] {
|
||||
--primary-foreground: 255 92% 100%;
|
||||
--background: 0 0% 11%;
|
||||
--foreground: 0 0% 95%;
|
||||
--card: 0 0% 11%;
|
||||
--card-foreground: 0 0% 95%;
|
||||
--secondary: 0 0% 20%;
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
--border: 0 0% 16%;
|
||||
--muted: 0 0% 15%;
|
||||
--popover: 0 0% 7%;
|
||||
--popover-foreground: 0 0 95%;
|
||||
--input: 0 0% 25%;
|
||||
}
|
||||
|
||||
html {
|
||||
.ui__dropdown-menu-content,
|
||||
.ui__context-menu-content,
|
||||
@@ -12,6 +33,11 @@ html {
|
||||
--muted: var(--rx-gray-05-hsl);
|
||||
}
|
||||
|
||||
.ui__calendar {
|
||||
--accent: var(--rx-gray-04-hsl);
|
||||
--accent-foreground: var(--rx-gray-12-hsl);
|
||||
}
|
||||
|
||||
&:not([data-color=logseq]) {
|
||||
.ui__dropdown-menu-item,
|
||||
div[data-radix-popper-content-wrapper] div[role=menuitem] {
|
||||
@@ -38,11 +64,6 @@ html {
|
||||
--ls-block-left-color: var(--rx-logseq-11);
|
||||
}
|
||||
}
|
||||
|
||||
.ui__calendar {
|
||||
--accent: var(--rx-gray-04-hsl);
|
||||
--accent-foreground: var(--rx-gray-12-hsl);
|
||||
}
|
||||
}
|
||||
|
||||
html[data-theme=light] {
|
||||
|
||||
Reference in New Issue
Block a user