gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-28 18:24:27 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

style/note icon: refactor variable names

Browse Source
This commit is contained in:
Adorian Doran 2025-12-19 01:23:56 +02:00
parent 5bcec9fcfd
commit b8af961690
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -199,9 +199,9 @@
--badge-background-color: #ffffff1a;
--badge-text-color: var(--muted-text-color);
--note-icon-button-background-color: #a6a6a6;
--note-icon-button-hover-background-color: #d0d0d0;
--note-icon-button-color: black;
--note-icon-background-color: #a6a6a6;
--note-icon-color: black;
--note-icon-hover-background-color: #d0d0d0;
--promoted-attribute-card-background-color: #ffffff21;
--promoted-attribute-card-shadow: none;

6
apps/client/src/stylesheets/theme-next-light.css
View File

@ -191,9 +191,9 @@
--badge-background-color: #00000011;
--badge-text-color: var(--muted-text-color);
--note-icon-button-background-color: #4f4f4f;
--note-icon-button-hover-background-color: #737373;
--note-icon-button-color: white;
--note-icon-background-color: #4f4f4f;
--note-icon-color: white;
--note-icon-hover-background-color: #737373;
--promoted-attribute-card-background-color: #00000014;
--promoted-attribute-card-shadow: none;

10
apps/client/src/widgets/note_icon.css
View File

@ -77,7 +77,7 @@ div.note-icon-widget {
body.experimental-feature-new-layout {
.note-icon-widget button.note-icon {
--input-focus-outline-color: var(--note-icon-button-hover-background-color);
--input-focus-outline-color: var(--note-icon-hover-background-color);
position: relative;
background: transparent !important;
@ -90,7 +90,7 @@ body.experimental-feature-new-layout {
&::before {
position: relative;
z-index: 1;
color: var(--note-icon-custom-color, var(--note-icon-button-color));
color: var(--note-icon-custom-color, var(--note-icon-color));
}
/* The background circle */
@ -99,15 +99,15 @@ body.experimental-feature-new-layout {
position: absolute;
inset: 0;
border-radius: 50%;
background: var(--note-icon-custom-background-color, var(--note-icon-button-background-color));
background: var(--note-icon-custom-background-color, var(--note-icon-background-color));
}
&:focus-visible {
outline: 2px solid var(--note-icon-custom-color, var(--note-icon-button-color));
outline: 2px solid var(--note-icon-custom-color, var(--note-icon-color));
}
&:hover:not(.bx-empty:disabled)::after {
background: var(--note-icon-hover-custom-background-color, --note-icon-button-hover-background-color);
background: var(--note-icon-hover-custom-background-color, --note-icon-hover-background-color);
transition: background 200ms ease-out;
}
}