mirror of
https://github.com/logseq/logseq.git
synced 2026-04-27 15:45:00 +00:00
114 lines
2.2 KiB
CSS
114 lines
2.2 KiB
CSS
html * {
|
|
border-color: hsl(var(--border));
|
|
}
|
|
|
|
html {
|
|
.ui__dropdown-menu-content,
|
|
.ui__context-menu-content,
|
|
.ui__select-content {
|
|
--accent: var(--rx-gray-04-hsl);
|
|
--accent-foreground: var(--rx-gray-12-hsl);
|
|
|
|
--muted: var(--rx-gray-05-hsl);
|
|
}
|
|
|
|
&:not([data-color=logseq]) {
|
|
.ui__dropdown-menu-item,
|
|
div[data-radix-popper-content-wrapper] div[role=menuitem] {
|
|
&:focus, &:hover {
|
|
background-color: var(--lx-gray-04, hsl(var(--accent)));
|
|
}
|
|
}
|
|
|
|
|
|
div[data-radix-popper-content-wrapper] div[role=menu],
|
|
.menu-links-wrapper,
|
|
.menu-links-outer,
|
|
.absolute-modal[data-modal-name] {
|
|
background-color: var(--lx-popover-bg, var(--lx-gray-01, hsl(var(--popover))));
|
|
}
|
|
}
|
|
|
|
&[data-color=logseq] {
|
|
.references-blocks-item {
|
|
--lx-bg-override: var(--rx-gray-03-alpha);
|
|
}
|
|
|
|
.block-children-left-border:hover {
|
|
--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] {
|
|
&[data-color=logseq] {
|
|
.references-blocks-item {
|
|
--lx-bg-override: var(--rx-gray-03-alpha);
|
|
}
|
|
}
|
|
|
|
.extensions__pdf-container {
|
|
--lx-pdf-container-dark-bg: var(--lx-gray-11, #042f3c);
|
|
}
|
|
}
|
|
|
|
html[data-theme=dark] {
|
|
background-color: #161616;
|
|
|
|
&:not([data-color=logseq]) {
|
|
body {
|
|
--lx-popover-bg: var(--lx-gray-02);
|
|
}
|
|
}
|
|
|
|
&[data-color=logseq] {
|
|
@apply bg-[#002b36];
|
|
|
|
.ui__button {
|
|
&.as-outline {
|
|
--accent: 192 100% 12%;
|
|
}
|
|
}
|
|
|
|
.ui__dropdown-menu-content,
|
|
.ui__context-menu-content,
|
|
.ui__select-content {
|
|
--accent: 190 100% 15%;
|
|
--muted: 192 100% 13%;
|
|
}
|
|
|
|
.menu-separator {
|
|
@apply opacity-20;
|
|
}
|
|
|
|
.ui__calendar {
|
|
--accent: 196 100% 15%;
|
|
}
|
|
|
|
.rc-datepicker {
|
|
--accent: 200 97% 37%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui__button-shortcut-key {
|
|
@apply text-xs font-normal h-5 w-5 flex items-center justify-center rounded bg-gray-06-alpha;
|
|
|
|
&:first-of-type {
|
|
@apply ml-2;
|
|
}
|
|
}
|
|
|
|
.ui__list-item-highlighted-span {
|
|
background-color: or(--lx-accent-06, --color-level-4);
|
|
}
|
|
|
|
.dark .ui__list-item-highlighted-span {
|
|
background-color: or(--lx-accent-08-alpha, --color-level-4);
|
|
}
|