minie4/Timetable-V2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♿️ Add focus color change in settings menu

Browse Source
This commit is contained in:
minie4
2022-08-21 23:42:46 +02:00
parent 198dee45d3
commit 09366401a3
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/base.css
View File

@ -3,6 +3,7 @@
--element-color: #333030; --element-color: #333030;
--element-color-hover: #292424; --element-color-hover: #292424;
--element-border-input: #4e7a3a; --element-border-input: #4e7a3a;
--element-border-focus: #9ac982;
--element-border-action: #1f5b63; --element-border-action: #1f5b63;
--text-color: #bdbdbd; --text-color: #bdbdbd;
--font-family: "sourcesanspro"; --font-family: "sourcesanspro";

7
src/views/SettingsView.vue
View File

@ -82,13 +82,18 @@ select {
border: 2px solid var(--element-border-input); border: 2px solid var(--element-border-input);
border-radius: 5px; border-radius: 5px;
background-color: var(--element-color); background-color: var(--element-color);
transition: background-color 0.2s; transition: 0.2s;
transition-property: background-color border-color;
} }
select:hover { select:hover {
background-color: var(--element-color-hover); background-color: var(--element-color-hover);
} }
select:focus {
border-color: var(--element-border-focus);
}
select[multiple] { select[multiple] {
min-width: 90px; min-width: 90px;
} }