Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-25 14:31:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): tweak the group header for combo box items

Browse Source
This commit is contained in:
Adorian Doran 2025-01-14 22:39:30 +02:00
parent 40b95325dd
commit cb65591004
3 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/stylesheets/theme-next-dark.css
View File

@ -50,6 +50,7 @@
--select-focus-text-color: var(--input-text-color); --select-focus-text-color: var(--input-text-color);
--select-dropdown-text-color: var(--input-text-color); --select-dropdown-text-color: var(--input-text-color);
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>"); --select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray;
--hover-item-text-color: #efefef; --hover-item-text-color: #efefef;
--hover-item-background-color: #ffffff24; --hover-item-background-color: #ffffff24;

1
src/public/stylesheets/theme-next-light.css
View File

@ -50,6 +50,7 @@
--select-focus-text-color: var(--input-text-color); --select-focus-text-color: var(--input-text-color);
--select-dropdown-text-color: var(--input-text-color); --select-dropdown-text-color: var(--input-text-color);
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>"); --select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray;
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #0000001a; --hover-item-background-color: #0000001a;

8
src/public/stylesheets/theme-next/forms.css
View File

@ -152,4 +152,12 @@ select:focus, select.form-select:focus {
option { option {
color: var(--select-dropdown-text-color); color: var(--select-dropdown-text-color);
}
optgroup {
color: var(--select-group-heading-text-color);
font-size: .75em;
font-weight: normal;
font-style: normal;
line-height: 40px;
} }