greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Updates to radix jakobs feedback

pull/9558/head
Ben Yorke 2023-06-02 16:59:50 +02:00
parent 817a4352e9
commit 0c261f964f
8 changed files with 44 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/css/table.css
View File

@ -22,8 +22,8 @@ td {
text-align: left;
}
tr:nth-child(even) {background: var(--ls-table-tr-even-background-color);}
tr:nth-child(odd) {background: var(--ls-primary-background-color);}
tr:nth-child(even) {background: or(--logseq-og-table-stripe-background, --lx-gray-03, --ls-table-tr-even-background-color);}
tr:nth-child(odd) {background: or(--logseq-og-table-background, --lx-gray-01, --ls-primary-background-color);}
caption.t-above {caption-side:top}
caption.t-bottom {caption-side:bottom}
@ -37,8 +37,8 @@ figcaption{margin-top:.3em}
color: var(--ls-primary-text-color);
}
.dark-theme tr:nth-child(even) {background: var(--ls-table-tr-even-background-color);}
.dark-theme tr:nth-child(odd) {background: var(--ls-primary-background-color);}
.dark-theme tr:nth-child(even) {background: or(--logseq-og-table-stripe-background, --lx-gray-03, --ls-table-tr-even-background-color);}
.dark-theme tr:nth-child(odd) {background: or(--logseq-og-table-background, --lx-gray-02, --ls-primary-background-color);}
.dark-theme td, .dark-theme tr {
border-bottom: none;
}

8
src/main/frontend/colors.cljs
View File

@ -1527,8 +1527,14 @@
"--ls-secondary-text-color: var(--rx-" (name gray) "-11); "
"--ls-primary-text-color: var(--rx-" (name gray) "-12); "
"--ls-border-color: var(--rx-" (name gray) "-05); "
"--ls-block-highlight-color: var(--rx-" (name gray) "-04); "
"--ls-secondary-border-color: var(--rx-" (name color) "-05); "
"--ls-page-checkbox-color: var(--rx-" (name gray) "-07); "
"--ls-selection-background-color: var(--rx-" (name color) "-09); "
"--ls-focus-ring-color: var(--rx-" (name color) "-09); "
"--ls-table-tr-even-background-color: var(--rx-" (name gray) "-04); "
"--ls-page-properties-background-color: var(--rx-" (name gray) "-04); "
"--ls-block-highlight-color: var(--rx-" (name gray) "-04); "
"--ls-cloze-text-color: var(--rx-" (name color) "-08); "
"--ls-wb-stroke-color-default: var(--rx-" (name color) "-07); "
"--ls-wb-background-color-default: var(--rx-" (name color) "-04); "
"--ls-wb-text-color-default: var(--rx-" (name gray) "-12); ")

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

@ -152,12 +152,12 @@
&: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, --ls-header-button-background);
color: or(--logseq-og-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, --ls-quaternary-background-color);
color: or(--logseq-og-left-sidebar-active-text-color, --lx-gray-12);
}
}

10
src/main/frontend/components/page.css
View File

@ -74,7 +74,9 @@
}
> span {
@apply text-gray-500 text-sm;
@apply text-sm;
color: or(--logseq-og-all-pages-table-text, --lx-gray-11, rgb(115, 115, 115));
padding: 6px 8px;
}
@ -99,12 +101,16 @@
.actions {
position: sticky;
background-color: var(--ls-primary-background-color);
background-color: or(--logseq-og-all-pages-table, --lx-gray-01, --ls-primary-background-color);
white-space: nowrap;
top: -18px;
padding-bottom: 10px;
z-index: 1;
.dark & {
background-color: or(--logseq-og-all-pages-table, --lx-gray-02, --ls-primary-background-color);
}
@screen md {
display: flex;
align-items: center;

12
src/main/frontend/components/whiteboard.css
View File

@ -50,11 +50,15 @@ h1.title.whiteboard-dashboard-title {
.dashboard-create-card {
@apply items-center justify-center relative;
background-color: var(--ls-secondary-background-color);
background-color: or(--logseq-og-create-whiteboard-background, --lx-gray-02, --ls-secondary-background-color);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
border: 1px solid transparent;
}
.dark .dashboard-create-card {
background-color: or(--logseq-og-create-whiteboard-background, --lx-gray-03, --ls-secondary-background-color);
}
.dashboard-create-card i {
font-size: 24px;
}
@ -79,10 +83,14 @@ h1.title.whiteboard-dashboard-title {
@apply px-4 py-3 flex flex-col;
gap: 4px;
border-bottom: 1px solid var(--ls-border-color);
background-color: var(--ls-secondary-background-color);
background-color: or(--logseq-og-whiteboard-card-title-background, --lx-gray-02, --ls-secondary-background-color);
font-size: 16px;
}
.dark .dashboard-card-title {
background-color: or(--logseq-og-whiteboard-card-title-background, --lx-gray-03, --ls-secondary-background-color);
}
.dashboard-card-title-name {
@apply truncate;
color: var(--ls-primary-text-color);

2
src/main/frontend/ui.cljs
View File

@ -549,7 +549,7 @@
:class (if small? "is-small" "")}
[:span.wrapper.transition-colors.ease-in-out.duration-200
{:aria-checked (if on? "true" "false"), :tab-index "0", :role "checkbox"
:class (if on? "bg-indigo-600" "bg-gray-300")}
:class (if on? "ui__toggle-background-on" "ui__toggle-background-off")}
[:span.switcher.transform.transition.ease-in-out.duration-200
{:class (if on? (if small? "translate-x-4" "translate-x-5") "translate-x-0")
:aria-hidden "true"}]]]))

11
src/main/frontend/ui.css
View File

@ -43,7 +43,8 @@
.ui__ac-group-name {
@apply p-2 text-xs;
color: or(--lx-accent-11, --ls-block-ref-link-text-color);
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);
}
.search-all #ui__ac-inner {
@ -416,3 +417,11 @@ html.is-mobile {
.ui__radio-list {
@apply grid grid-flow-col gap-2;
}
.ui__toggle-background-on {
background: or(--logseq-og-toggle-on-background, --lx-accent-09, rgb(2, 132, 199));
}
.ui__toggle-background-off {
background: or(--logseq-og-toggle-off-background, --lx-gray-08, rgb(212, 212, 212));
}

4
tldraw/apps/tldraw-logseq/src/styles.css
View File

@ -173,7 +173,7 @@ html[data-theme='light'] {
pointer-events: all;
position: relative;
background-color: var(--ls-secondary-background-color);
background-color: or(--logseq-whiteboard-toolbar-background, --lx-gray-03, --ls-secondary-background-color);
border-radius: 8px;
white-space: nowrap;
gap: 8px;
@ -815,7 +815,7 @@ html[data-theme='light'] {
html[data-theme='dark'] {
.tl-type-tag[data-active='true'] {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
or(--logseq-og-whiteboard-logseq-button-border, --lx-accent-09, #338fff);
border: 1px solid or(--logseq-og-whiteboard-logseq-button-border, --lx-accent-09, #338fff);
color: var(--ls-secondary-text-color);