chore: replace --logseq-og with --ls

This commit is contained in:
Tienson Qin
2023-11-09 13:37:33 +08:00
parent 086e25b236
commit 4402dcd38a
14 changed files with 110 additions and 110 deletions

View File

@@ -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));
}