blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web: make tab focus blue for better visibility

Browse source
This commit is contained in:
wukko 2024-06-16 23:30:10 +06:00
parent ea830974b6
commit 65c14d41fa
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
4 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/src/components/save/Omnibox.svelte
View file

@ -115,6 +115,7 @@
#input-container.focused :global(#input-link-icon) {
stroke: var(--secondary);
}
#input-container.downloadable :global(#input-link-icon) {
stroke: var(--secondary);
}

2
web/src/components/save/buttons/DownloadButton.svelte
View file

@ -106,7 +106,7 @@
}
#download-button:focus-visible {
box-shadow: 0 0 0 1.5px var(--secondary) inset;
box-shadow: 0 0 0 2px var(--blue) inset;
}
#download-state {

5
web/src/components/sidebar/SidebarTab.svelte
View file

@ -44,13 +44,14 @@
}
.sidebar-tab:focus-visible {
box-shadow: 0 0 0 1.5px var(--sidebar-highlight) inset;
box-shadow: 0 0 0 3px var(--blue) inset;
outline: none;
z-index: 1;
}
.sidebar-tab.active:focus-visible {
box-shadow: 0 0 0 1.5px var(--sidebar-bg) inset;
background: var(--blue);
color: var(--sidebar-highlight);
}
@media screen and (max-width: 535px) {

3
web/src/routes/+layout.svelte
View file

@ -16,6 +16,7 @@
--primary: #ffffff;
--secondary: #000000;
--gray: #8d8d95;
--blue: #2f8af9;
--button: #eeeeee;
--button-hover: #e8e8e8;
@ -120,7 +121,7 @@
}
:global(button:focus-visible) {
box-shadow: 0 0 0 1.5px var(--secondary) inset;
box-shadow: 0 0 0 2px var(--blue) inset;
outline: none;
z-index: 1;
}