clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-03 10:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

56
src/main/frontend/components/container.css
View File

@@ -6,17 +6,17 @@
}
#app-container {
background-color: or(--logseq-og-top-bar-background, --lx-gray-01, --ls-primary-background-color, #fff);
background-color: or(--ls-top-bar-background, --lx-gray-01, --ls-primary-background-color, #fff);
position: relative;
}
.dark #app-container {
background-color: or(--logseq-og-top-bar-background, --lx-gray-02, --ls-primary-background-color, #fff);
background-color: or(--ls-top-bar-background, --lx-gray-02, --ls-primary-background-color, #fff);
}
#root {
> div {
color: or(--logseq-og-document-text-color, --lx-gray-12, --ls-primary-text-color, #24292e);
color: or(--ls-document-text-color, --lx-gray-12, --ls-primary-text-color, #24292e);
font-size: var(--ls-page-text-size);
}
}
@@ -80,7 +80,7 @@
}
.dark .left-sidebar-inner {
background-color: or(--logseq-og-left-sidebar-background-color, --lx-gray-01, --ls-primary-background);
background-color: or(--ls-left-sidebar-background-color, --lx-gray-01, --ls-primary-background);
}
.left-sidebar-inner {
@@ -90,9 +90,9 @@
width: var(--ls-left-sidebar-sm-width);
overflow-y: auto;
overflow-x: hidden;
background-color: or(--logseq-og-left-sidebar-background-color, --lx-gray-02, --ls-primary-background-color);
background-color: or(--ls-left-sidebar-background-color, --lx-gray-02, --ls-primary-background-color);
background-color: var(--ls-primary-background-color);
border-right: 1px solid or(--logseq-og-left-sidebar-border-color, --lx-gray-03, --ls-tertiary-background-color);
border-right: 1px solid or(--ls-left-sidebar-border-color, --lx-gray-03, --ls-tertiary-background-color);
transition: transform .3s;
transform: translate3d(-100%, 0, 0);
z-index: 3;
@@ -165,13 +165,13 @@
}
&:hover {
background-color: or(--logseq-og-left-sidebar-hover-background, --lx-gray-04, --ls-tertiary-background-color);
color: or(--logseq-og-left-sidebar-text-color-hover, --lx-gray-12);
background-color: or(--ls-left-sidebar-hover-background, --lx-gray-04, --ls-tertiary-background-color);
color: or(--ls-left-sidebar-text-color-hover, --lx-gray-12);
}
&.active, &:active {
background-color: or(--logseq-og-left-sidebar-active-background, --lx-gray-05, --ls-quaternary-background-color);
color: or(--logseq-og-left-sidebar-active-text-color, --lx-gray-12);
background-color: or(--ls-left-sidebar-active-background, --lx-gray-05, --ls-quaternary-background-color);
color: or(--ls-left-sidebar-active-text-color, --lx-gray-12);
.ui__icon {
opacity: .9;
}
@@ -220,7 +220,7 @@
}
&:hover {
background-color: or(--logseq-og-nav-item-hover, --lx-gray-04, --ls-tertiary-background-color);
background-color: or(--ls-nav-item-hover, --lx-gray-04, --ls-tertiary-background-color);
* {
opacity: 1 !important;
@@ -275,7 +275,7 @@
}
&:hover {
background-color: or(--logseq-og-recessed-nav-item-hover, --lx-gray-04, --ls-quaternary-background-color);
background-color: or(--ls-recessed-nav-item-hover, --lx-gray-04, --ls-quaternary-background-color);
opacity: 1;
background-color: var(--ls-quaternary-background-color);
}
@@ -300,10 +300,10 @@
user-select: none;
@screen sm {
background-image: linear-gradient(transparent, or(--logseq-og-left-sidebar-bottom-gradient, --lx-gray-02, --ls-secondary-background-color));
background-image: linear-gradient(transparent, or(--ls-left-sidebar-bottom-gradient, --lx-gray-02, --ls-secondary-background-color));
.dark & {
background-image: linear-gradient(transparent, or(--logseq-og-left-sidebar-bottom-gradient, --lx-gray-01, --ls-secondary-background-color));
background-image: linear-gradient(transparent, or(--ls-left-sidebar-bottom-gradient, --lx-gray-01, --ls-secondary-background-color));
}
}
@@ -327,21 +327,21 @@
#create-button {
@apply flex items-center justify-center p-2 text-sm font-medium rounded-md w-full border;
background-color: or(--logseq-og-create-button-color, --lx-gray-03, --ls-secondary-background-color) !important;
background-color: or(--ls-create-button-color, --lx-gray-03, --ls-secondary-background-color) !important;
border-color: transparent;
&:hover,
&:focus {
border-color: var(--ls-border-color);
background-color: or(--logseq-og-create-button-color-focus, --lx-gray-03, --ls-primary-background-color) !important;
background-color: or(--ls-create-button-color-focus, --lx-gray-03, --ls-primary-background-color) !important;
}
@screen sm {
background-color: or(--logseq-og-create-button-color-sm, --lx-gray-03, --ls-primary-background-color) !important;
background-color: or(--ls-create-button-color-sm, --lx-gray-03, --ls-primary-background-color) !important;
&:hover,
&:focus {
background-color: or(--logseq-og-create-button-color-sm-focus, --lx-gray-04, --ls-secondary-background-color) !important;
background-color: or(--ls-create-button-color-sm-focus, --lx-gray-04, --ls-secondary-background-color) !important;
}
}
}
@@ -350,10 +350,10 @@
@screen sm {
padding-top: 0;
width: var(--ls-left-sidebar-width);
background-color: or(--logseq-og-left-sidebar-background, --lx-gray-02, --ls-secondary-background-color);
background-color: or(--ls-left-sidebar-background, --lx-gray-02, --ls-secondary-background-color);
.dark & {
background-color: or(--logseq-og-left-sidebar-background, --lx-gray-01, --ls-secondary-background-color);
background-color: or(--ls-left-sidebar-background, --lx-gray-01, --ls-secondary-background-color);
}
> .wrap {
@@ -380,7 +380,7 @@
@apply opacity-90 hover:opacity-100;
transition: all 120ms ease-out;
color: or(--logseq-og-left-sidebar-text-color, --ls-header-button-background);
color: or(--ls-left-sidebar-text-color, --ls-header-button-background);
}
> .left-sidebar-inner {
@@ -457,7 +457,7 @@
transition: width .3s;
&:before {
background-color: or(--logseq-og-left-sidebar-container-sm, --lx-gray-02, --ls-secondary-background-color);
background-color: or(--ls-left-sidebar-container-sm, --lx-gray-02, --ls-secondary-background-color);
width: 0;
overflow: hidden;
}
@@ -519,11 +519,11 @@
}
.cp__sidebar-main-layout {
background-color: or(--logseq-og-main-content-background, --lx-gray-01, --ls-primary-background-color);
background-color: or(--ls-main-content-background, --lx-gray-01, --ls-primary-background-color);
}
.dark .cp__sidebar-main-layout {
background-color: or(--logseq-og-main-content-background, --lx-gray-02, --ls-primary-background-color);
background-color: or(--ls-main-content-background, --lx-gray-02, --ls-primary-background-color);
}
.cp__sidebar-main-content {
@@ -552,7 +552,7 @@
@apply rounded-full h-8 w-8 flex items-center justify-center
font-bold select-none cursor-help;
background-color: or(--logseq-og-left-sidebar-help-background, --lx-gray-01, --ls-secondary-background-color);
background-color: or(--ls-left-sidebar-help-background, --lx-gray-01, --ls-secondary-background-color);
}
}
@@ -584,7 +584,7 @@
.cp__right-sidebar {
z-index: var(--ls-z-index-level-1);
transition: width 0.3s;
background-color: or(--logseq-og-right-ridebar-color, --lx-gray-01, --ls-secondary-background-color, #d8e1e8);
background-color: or(--ls-right-ridebar-color, --lx-gray-01, --ls-secondary-background-color, #d8e1e8);
position: relative;
user-select: none;
@@ -602,7 +602,7 @@
&:hover,
&:focus,
&:active {
background-color: or(--logseq-og-right-sidebar-resizer-color, --lx-gray-08-alpha, --ls-active-primary-color);
background-color: or(--ls-right-sidebar-resizer-color, --lx-gray-08-alpha, --ls-active-primary-color);
}
}
@@ -645,7 +645,7 @@
top: 0;
left: 0;
right: 0;
background-color: or(--logseq-og-right-sidebar-topbar-color, --lx-gray-01, --ls-secondary-background-color, #d8e1e8);
background-color: or(--ls-right-sidebar-topbar-color, --lx-gray-01, --ls-secondary-background-color, #d8e1e8);
z-index: 999;
user-select: none;
-webkit-app-region: drag;