Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

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) { #input-container.focused :global(#input-link-icon) {
stroke: var(--secondary); stroke: var(--secondary);
} }
#input-container.downloadable :global(#input-link-icon) { #input-container.downloadable :global(#input-link-icon) {
stroke: var(--secondary); stroke: var(--secondary);
} }

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

@ -106,7 +106,7 @@
} }
#download-button:focus-visible { #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 { #download-state {

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

@ -44,13 +44,14 @@
} }
.sidebar-tab:focus-visible { .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; outline: none;
z-index: 1; z-index: 1;
} }
.sidebar-tab.active:focus-visible { .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) { @media screen and (max-width: 535px) {

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

@ -16,6 +16,7 @@
--primary: #ffffff; --primary: #ffffff;
--secondary: #000000; --secondary: #000000;
--gray: #8d8d95; --gray: #8d8d95;
--blue: #2f8af9;
--button: #eeeeee; --button: #eeeeee;
--button-hover: #e8e8e8; --button-hover: #e8e8e8;
@ -120,7 +121,7 @@
} }
:global(button:focus-visible) { :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; outline: none;
z-index: 1; z-index: 1;
} }