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

style(next): tweak the combo box arrow

Browse Source
This commit is contained in:
Adorian Doran 2025-01-14 22:10:06 +02:00
parent 99a6e65d15
commit 40b95325dd
3 changed files with 5 additions and 1 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

@ -49,6 +49,7 @@
--select-focus-background: #333; --select-focus-background: #333;
--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>");
--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

@ -49,6 +49,7 @@
--select-focus-background: white; --select-focus-background: white;
--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>");
--hover-item-text-color: black; --hover-item-text-color: black;
--hover-item-background-color: #0000001a; --hover-item-background-color: #0000001a;

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

@ -128,7 +128,9 @@ input::selection,
select, select.form-select { select, select.form-select {
outline: 3px solid transparent; outline: 3px solid transparent;
outline-offset: 6px; outline-offset: 6px;
background-color: var(--input-background-color); background: unset;
background: var(--input-background-color)
var(--select-arrow-svg) right 0.75rem center/15px 20px no-repeat;
color: var(--input-text-color); color: var(--input-text-color);
border: unset; border: unset;
} }