style(next): add states for input action buttons, tweak card background color on dark theme

This commit is contained in:
Adorian Doran 2025-01-14 01:46:28 +02:00
parent f462e7f93b
commit 26e3c13575
3 changed files with 13 additions and 2 deletions

View File

@ -43,6 +43,9 @@
--input-focus-background: #ffffff1f;
--input-focus-color: white;
--input-action-button-color: #c6c6c6;
--input-action-button-hover: white;
--hover-item-text-color: #efefef;
--hover-item-background-color: #ffffff24;
--hover-item-border-color: transparent;
@ -128,7 +131,7 @@
--code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
--card-background-color: #363636;
--card-background-color: #424242;
--card-background-hover-color: #3c3c3c;
--card-background-press-color: #464646;
--card-border-color: #222222;

View File

@ -43,6 +43,9 @@
--input-focus-background: #ffffff80;
--input-focus-color: #000;
--input-action-button-color: #575757;
--input-action-button-hover: black;
--hover-item-text-color: black;
--hover-item-background-color: #0000001a;
--hover-item-border-color: transparent;

View File

@ -97,7 +97,12 @@ input::selection,
background: transparent;
padding: 0 4px;
--muted-text-color: var(--input-text-color);
--muted-text-color: var(--input-action-button-color);
}
.input-group button:hover,
.input-group a:hover {
--muted-text-color: var(--input-action-button-hover);
}
.input-group a.disabled {