From b8af9616900d127ea05b599a110c0dbed75cab02 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 19 Dec 2025 01:23:56 +0200 Subject: [PATCH] style/note icon: refactor variable names --- apps/client/src/stylesheets/theme-next-dark.css | 6 +++--- apps/client/src/stylesheets/theme-next-light.css | 6 +++--- apps/client/src/widgets/note_icon.css | 10 +++++----- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index ff1482399..419dd59c5 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -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; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 1d819576a..a5cbfae80 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -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; diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css index 80e0732f9..5277e22f9 100644 --- a/apps/client/src/widgets/note_icon.css +++ b/apps/client/src/widgets/note_icon.css @@ -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; } }