Skip to content

Commit

Permalink
chore: replace --logseq-og with --ls
Browse files Browse the repository at this point in the history
  • Loading branch information
@tiensonqin
tiensonqin committed Nov 9, 2023
1 parent 086e25b commit 4402dcd
Show file tree
Hide file tree
Showing 14 changed files with 110 additions and 110 deletions.
4 changes: 2 additions & 2 deletions resources/css/shui.css
View file
Expand Up @@ -242,11 +242,11 @@

.shui__button-theme-gray.shui__button-color-custom { background-color: var(--ls-tertiary-background-color);
color: var(--ls-secondary-text-color, white); }
.shui__button-theme-color.shui__button-color-custom { background-color: hsl(var(--logseq-og-button-background-hsl) / 0.9);
.shui__button-theme-color.shui__button-color-custom { background-color: hsl(var(--ls-button-background-hsl) / 0.9);
color: white; }

.shui__button-color-custom:hover, .dark .shui__button-color-custom:hover {
background: var(--logseq-og-button-background);
background: var(--ls-button-background);
}

.shui__button-theme-color.shui__button-color-lime { color: white; background-color: var(--rx-lime-09); &:hover { background-color: var(--rx-lime-10); } &:active { background-color: var(--rx-lime-08); }}
Expand Down
44 changes: 22 additions & 22 deletions src/main/frontend/common.css
View file
Expand Up @@ -103,9 +103,9 @@ html[data-theme='dark'] {
--ls-success-background-color: var(--color-green-900);
--ls-focus-ring-color: rgba(18, 98, 119, 0.5);
--ls-header-button-background: #dee4ea;
--logseq-og-left-sidebar-text-color: var(--lx-gray-11);
--logseq-og-button-background-hsl: 200 98% 35%;
--logseq-og-button-background: hsl(var(--logseq-og-button-background-hsl));
--ls-left-sidebar-text-color: var(--lx-gray-11);
--ls-button-background-hsl: 200 98% 35%;
--ls-button-background: hsl(var(--ls-button-background-hsl));
--color-level-1: var(--ls-secondary-background-color);
--color-level-2: var(--ls-tertiary-background-color);
--color-level-3: var(--ls-quaternary-background-color);
Expand Down Expand Up @@ -184,9 +184,9 @@ html[data-theme='light'] {
--ls-success-background-color: var(--color-green-100);
--ls-focus-ring-color: rgba(66, 133, 244, 0.5);
--ls-header-button-background: rgba(15, 20, 25, 1);
--logseq-og-left-sidebar-text-color: var(--lx-gray-12);
--logseq-og-button-background-hsl: 200 98% 35%;
--logseq-og-button-background: hsl(var(--logseq-og-button-background-hsl));
--ls-left-sidebar-text-color: var(--lx-gray-12);
--ls-button-background-hsl: 200 98% 35%;
--ls-button-background: hsl(var(--ls-button-background-hsl));
--color-level-1: var(--ls-secondary-background-color);
--color-level-2: var(--ls-tertiary-background-color);
--color-level-3: var(--ls-quaternary-background-color);
Expand All @@ -207,7 +207,7 @@ html {
}

body {
color: or(--logseq-og-default-text-color, --lx-gray-12, --ls-primary-text-color);
color: or(--ls-default-text-color, --lx-gray-12, --ls-primary-text-color);
line-height: 1.5;
background-color: transparent;
min-height: 100%;
Expand Down Expand Up @@ -271,12 +271,12 @@ pre {

a {
cursor: pointer;
color: or(--logseq-og-anchor-link-text-color, --lx-accent-11, --ls-link-text-color, #045591);
color: or(--ls-anchor-link-text-color, --lx-accent-11, --ls-link-text-color, #045591);
text-decoration: none;
}

a:hover {
color: or(--logseq-og-anchor-link-text-color-hover, --lx-accent-12, --ls-link-text-hover-color, #000);
color: or(--ls-anchor-link-text-color-hover, --lx-accent-12, --ls-link-text-hover-color, #000);
}

code {
Expand Down Expand Up @@ -529,7 +529,7 @@ i.ti {
/* region FIXME: override elements (?) */
h1.title {
margin-bottom: 1.5rem;
color: or(--logseq-og-journal-title-color, --lx-gray-12, --ls-title-text-color, #222);
color: or(--ls-journal-title-color, --lx-gray-12, --ls-title-text-color, #222);
font-size: var(--ls-page-title-size, 36px);
font-weight: 500;
}
Expand Down Expand Up @@ -575,15 +575,15 @@ button.menu {
.menu-link:hover,
button.pull:hover,
button.menu:focus {
background-color: or(--logseq-og-settings-list-item-hover-background-color, --lx-gray-05, --ls-menu-hover-color, #f4f5f7);
background-color: or(--ls-settings-list-item-hover-background-color, --lx-gray-05, --ls-menu-hover-color, #f4f5f7);
}

.menu-links-wrapper,
.menu-links-outer {
@apply py-2 rounded-md shadow-lg overflow-y-auto;

max-height: calc(100vh - 100px) !important;
background-color: or(--logseq-og-settings-dropdown-background, --lx-gray-03, --ls-primary-background-color, #fff);
background-color: or(--ls-settings-dropdown-background, --lx-gray-03, --ls-primary-background-color, #fff);
min-width: 12rem;
}

Expand All @@ -594,8 +594,8 @@ button.menu:focus {
}

.menu-link {
background-color: or(--logseq-og-settings-dropdown-link-item-background, --lx-gray-03, --ls-primary-background-color, #fff);
color: or(--logseq-og-settings-dropdown-link-text-color, --lx-gray-11, --ls-primary-text-color);
background-color: or(--ls-settings-dropdown-link-item-background, --lx-gray-03, --ls-primary-background-color, #fff);
color: or(--ls-settings-dropdown-link-text-color, --lx-gray-11, --ls-primary-text-color);
user-select: none;
}

Expand Down Expand Up @@ -688,15 +688,15 @@ a.tag {
cursor: pointer;
padding: 0 2px;
border-radius: 4px;
background: or(--logseq-og-tag-background, --lx-accent-05, transparent);
color: or(--logseq-og-tag-text, --lx-accent-11, --ls-tag-text-color, #045591);
background: or(--ls-tag-background, --lx-accent-05, transparent);
color: or(--ls-tag-text, --lx-accent-11, --ls-tag-text-color, #045591);
opacity: var(--ls-tag-text-opacity, 0.8);
}

a.tag:hover {
opacity: var(--ls-tag-text-hover-opacity, 1);
background: or(--logseq-og-tag-background-hover, --lx-accent-06, transparent);
color: or(--logseq-og-tag-text-hvoer, --lx-accent-12, --ls-tag-text-hover-color, #045591);
background: or(--ls-tag-background-hover, --lx-accent-06, transparent);
color: or(--ls-tag-text-hvoer, --lx-accent-12, --ls-tag-text-hover-color, #045591);
}

svg.note {
Expand Down Expand Up @@ -802,8 +802,8 @@ mark {
font-family: MonoLisa, 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW',
monospace;
letter-spacing: 0;
background-color: or(--logseq-og-inline-code-background, --lx-gray-06, --ls-page-inline-code-bg-color, #eee);
color: or(--logseq-og-inline-code-text, --lx-gray-11, --ls-page-inline-code-color);
background-color: or(--ls-inline-code-background, --lx-gray-06, --ls-page-inline-code-bg-color, #eee);
color: or(--ls-inline-code-text, --lx-gray-11, --ls-page-inline-code-color);
background-color: var(--ls-page-inline-code-bg-color, #eee);
color: var(--ls-page-inline-code-color);
text-rendering: optimizeSpeed;
Expand Down Expand Up @@ -840,11 +840,11 @@ a.tooltip-priority {
}

.page-reference:hover {
background: or(--logseq-og-page-reference-hover-background, --lx-accent-04-alpha, --ls-secondary-background-color);
background: or(--ls-page-reference-hover-background, --lx-accent-04-alpha, --ls-secondary-background-color);
}

.references-blocks .page-reference:hover {
background: or(--logseq-og-page-reference-block-hover-background, --lx-accent-04-alpha, --ls-tertiary-background-color);
background: or(--ls-page-reference-block-hover-background, --lx-accent-04-alpha, --ls-tertiary-background-color);
}

#head .fade-link {
Expand Down
20 changes: 10 additions & 10 deletions src/main/frontend/components/block.css
View file
Expand Up @@ -183,12 +183,12 @@
}

.block-children-left-border:hover {
background-color: or(--logseq-og-block-left-color, --lx-gray-11, --ls-primary-text-color);
background-color: or(--ls-block-left-color, --lx-gray-11, --ls-primary-text-color);
}

.block-children {
border-left: 1px solid;
border-left-color: or(--logseq-og-guideline-color, --lx-gray-04-alpha, --ls-guideline-color, #ddd) !important;
border-left-color: or(--ls-guideline-color, --lx-gray-04-alpha, --ls-guideline-color, #ddd) !important;

padding-top: 2px;
padding-bottom: 3px;
Expand Down Expand Up @@ -296,10 +296,10 @@
}

.page-ref {
color: or(--logseq-og-page-ref-text-color, --lx-accent-11, --ls-link-ref-text-color);
color: or(--ls-page-ref-text-color, --lx-accent-11, --ls-link-ref-text-color);

&:hover {
color: or(--logseq-og-page-ref-text-color-hover, --lx-accent-12, --ls-link-ref-text-hover-color);
color: or(--ls-page-ref-text-color-hover, --lx-accent-12, --ls-link-ref-text-hover-color);
}
}

Expand Down Expand Up @@ -478,9 +478,9 @@
}

.color-level {
background-color: var(--logseq-og-right-sidebar-content-background, --lx-gray-02, --color-level-1);
background-color: var(--ls-right-sidebar-content-background, --lx-gray-02, --color-level-1);
.dark & {
background-color: var(--logseq-og-right-sidebar-content-background, --lx-gray-01, --color-level-1);
background-color: var(--ls-right-sidebar-content-background, --lx-gray-01, --color-level-1);
}

& .color-level {
Expand Down Expand Up @@ -569,7 +569,7 @@

font-size: 14px;

background-color: or(--logseq-og-block-bullet-color, --lx-gray-07, --ls-block-bullet-color, #394b59);
background-color: or(--ls-block-bullet-color, --lx-gray-07, --ls-block-bullet-color, #394b59);
transition: transform 0.2s;

> * {
Expand All @@ -579,7 +579,7 @@

&:not(.typed-list) {
&.bullet-closed {
background-color: or(--logseq-og-bullet-closed-background, --lx-gray-04-alpha, --ls-block-bullet-border-color, #ced9e0);
background-color: or(--ls-bullet-closed-background, --lx-gray-04-alpha, --ls-block-bullet-border-color, #ced9e0);
}
}

Expand All @@ -598,11 +598,11 @@

&:hover > .bullet-container .bullet {
transform: scale(1.2);
background-color: or(--logseq-og-buller-border-color-typed-list, --lx-gray-08, inherit) !important;
background-color: or(--ls-buller-border-color-typed-list, --lx-gray-08, inherit) !important;
}

&:hover > .bullet-container:not(.typed-list) {
background-color: or(--logseq-og-bullet-border-color, --lx-gray-04-alpha, --ls-block-bullet-border-color, #ced9e0);
background-color: or(--ls-bullet-border-color, --lx-gray-04-alpha, --ls-block-bullet-border-color, #ced9e0);
}
}

Expand Down
4 changes: 2 additions & 2 deletions src/main/frontend/components/command_palette.css
View file
Expand Up @@ -40,13 +40,13 @@

&.chosen,
&.chosen p {
background-color: or(--logseq-og-cp-chosen, --lx-gray-03, --ls-a-chosen-bg);
background-color: or(--ls-cp-chosen, --lx-gray-03, --ls-a-chosen-bg);
color: var(--ls-secondary-text-color);
}

.dark &.chosen,
.dark &.chosen p {
background-color: or(--logseq-og-cp-chosen, --lx-gray-02, --ls-a-chosen-bg);
background-color: or(--ls-cp-chosen, --lx-gray-02, --ls-a-chosen-bg);
}

&:hover p {
Expand Down

0 comments on commit 4402dcd

Please sign in to comment.