mirror of
https://github.com/logseq/logseq.git
synced 2026-05-01 09:26:28 +00:00
chore: replace --logseq-og with --ls
This commit is contained in:
@@ -35,7 +35,7 @@
|
||||
|
||||
&:not(.chosen):hover {
|
||||
background-color: unset !important;
|
||||
color: or(--logseq-og-autocomplete-color-hover, --lx-gray-12, --ls-primary-text-color);
|
||||
color: or(--ls-autocomplete-color-hover, --lx-gray-12, --ls-primary-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -49,8 +49,8 @@
|
||||
|
||||
.ui__ac-group-name {
|
||||
@apply p-2 text-xs;
|
||||
color: or(--logseq-og-dropdown-title-color, --lx-gray-11-alpha, --ls-block-ref-link-text-color);
|
||||
background-color: or(--logseq-og-dropdown-title-background, --lx-gray-03);
|
||||
color: or(--ls-dropdown-title-color, --lx-gray-11-alpha, --ls-block-ref-link-text-color);
|
||||
background-color: or(--ls-dropdown-title-background, --lx-gray-03);
|
||||
}
|
||||
|
||||
.search-all #ui__ac-inner {
|
||||
@@ -72,7 +72,7 @@
|
||||
|
||||
.notification-area {
|
||||
background-color: or(--logseq-of-notification-background, --lx-gray-04, --ls-tertiary-background-color, #fff);
|
||||
color: or(--logseq-og-notification-text-color, --lx-gray-11, --ls-primary-text-color);
|
||||
color: or(--ls-notification-text-color, --lx-gray-11, --ls-primary-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -107,8 +107,8 @@
|
||||
}
|
||||
|
||||
&-overlay div {
|
||||
--from: or(--logseq-og-modal-overlay-gradient-start, --lx-gray-03, --ls-primary-background-color);
|
||||
--to: or(--logseq-og-modal-overlay-gradient-end, --lx-gray-06, --ls-quaternary-background-color);
|
||||
--from: or(--ls-modal-overlay-gradient-start, --lx-gray-03, --ls-primary-background-color);
|
||||
--to: or(--ls-modal-overlay-gradient-end, --lx-gray-06, --ls-quaternary-background-color);
|
||||
background-image: linear-gradient(to bottom, var(--from), var(--to));
|
||||
}
|
||||
|
||||
@@ -116,7 +116,7 @@
|
||||
@apply relative rounded-md shadow-xl border-none;
|
||||
|
||||
overflow: hidden;
|
||||
background: or(--logseq-og-modal-panel-color, --lx-gray-04, --ls-secondary-background-color);
|
||||
background: or(--ls-modal-panel-color, --lx-gray-04, --ls-secondary-background-color);
|
||||
|
||||
.panel-content {
|
||||
overflow-y: auto;
|
||||
@@ -276,8 +276,8 @@ html.is-mobile {
|
||||
}
|
||||
|
||||
.dropdown-wrapper {
|
||||
background-color: or(--logseq-og-dropdown-background, --lx-gray-03, --ls-primary-background-color, #fff);
|
||||
border: 1px solid or(--logseq-og-dropdown-border-color, --lx-gray-05, --ls-tertiary-background-color);
|
||||
background-color: or(--ls-dropdown-background, --lx-gray-03, --ls-primary-background-color, #fff);
|
||||
border: 1px solid or(--ls-dropdown-border-color, --lx-gray-05, --ls-tertiary-background-color);
|
||||
min-width: 12rem;
|
||||
border-radius: 6px;
|
||||
}
|
||||
@@ -299,10 +299,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(--logseq-og-form-select-background-color, --lx-gray-03, --ls-primary-background-color, transparent);
|
||||
background-color: or(--ls-form-select-background-color, --lx-gray-03, --ls-primary-background-color, transparent);
|
||||
background-repeat: no-repeat;
|
||||
border-width: 1px;
|
||||
border-color: or(--logseq-og-form-select-border-color, --lx-gray-07, --ls-border-color);
|
||||
border-color: or(--ls-form-select-border-color, --lx-gray-07, --ls-border-color);
|
||||
|
||||
&.is-small {
|
||||
@apply pl-2 py-1.5 sm:leading-4 sm:text-xs;
|
||||
@@ -314,7 +314,7 @@ html.is-mobile {
|
||||
sm:text-sm sm:leading-5 rounded;
|
||||
|
||||
border-width: 1px;
|
||||
border-color: or(--logseq-og-form-input-border-color, --lx-gray-07, --ls-border-color);
|
||||
border-color: or(--ls-form-input-border-color, --lx-gray-07, --ls-border-color);
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px rgba(164, 202, 254, 0.45);
|
||||
@@ -334,7 +334,7 @@ html.is-mobile {
|
||||
}
|
||||
|
||||
.bg-quaternary {
|
||||
background-color: or(--logseq-og-bg-quaternary, --lx-gray-06, --ls-quaternary-background-color);
|
||||
background-color: or(--ls-bg-quaternary, --lx-gray-06, --ls-quaternary-background-color);
|
||||
}
|
||||
|
||||
.ui__icon {
|
||||
@@ -347,9 +347,9 @@ html.is-mobile {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
flex-shrink: 0;
|
||||
border-color: or(--logseq-og-type-icon-border-color, --lx-gray-03, --ls-primary-background-color);
|
||||
border-color: or(--ls-type-icon-border-color, --lx-gray-03, --ls-primary-background-color);
|
||||
overflow: hidden;
|
||||
color: or(--logseq-og-type-icon-text-color, --lx-gray-12, --ls-primary-text-color);
|
||||
color: or(--ls-type-icon-text-color, --lx-gray-12, --ls-primary-text-color);
|
||||
|
||||
.ti,
|
||||
.tie {
|
||||
@@ -358,7 +358,7 @@ html.is-mobile {
|
||||
|
||||
&:before {
|
||||
@apply block absolute inset-0 ;
|
||||
background: or(--logseq-og-type-icon-before-color, --lx-gray-03, --ls-primary-background-color);
|
||||
background: or(--ls-type-icon-before-color, --lx-gray-03, --ls-primary-background-color);
|
||||
content: " ";
|
||||
}
|
||||
}
|
||||
@@ -368,9 +368,9 @@ html.is-mobile {
|
||||
}
|
||||
|
||||
.ui__toggle-background-on {
|
||||
background: or(--logseq-og-toggle-on-background, --lx-accent-09, --logseq-og-button-background);
|
||||
background: or(--ls-toggle-on-background, --lx-accent-09, --ls-button-background);
|
||||
}
|
||||
|
||||
.ui__toggle-background-off {
|
||||
background: or(--logseq-og-toggle-off-background, --lx-gray-08, rgb(212, 212, 212));
|
||||
background: or(--ls-toggle-off-background, --lx-gray-08, rgb(212, 212, 212));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user