mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-07-17 18:58:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ensure sidebar is actually light in light mode

Browse Source
This commit is contained in:
Alec Armbruster 2024-09-27 13:24:24 -07:00
parent 6e80703aa7
commit e43c9f653b
No known key found for this signature in database
GPG Key ID: 52BC7C84E960FD1B
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/icons/Cobalt.svelte
View File

@ -1,4 +1,4 @@
<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 15.6363L0 12.8594L9.47552 8.293L0 3.14038L0 0.363525L12.8575 7.4908V9.21862L0 15.6363Z" fill="white"/>
<path d="M11.1425 15.6363V12.8594L20.6181 8.293L11.1425 3.14038V0.363525L24 7.4908V9.21862L11.1425 15.6363Z" fill="white"/>
<path d="M0 15.6363L0 12.8594L9.47552 8.293L0 3.14038L0 0.363525L12.8575 7.4908V9.21862L0 15.6363Z" fill="currentColor"/>
<path d="M11.1425 15.6363V12.8594L20.6181 8.293L11.1425 3.14038V0.363525L24 7.4908V9.21862L11.1425 15.6363Z" fill="currentColor"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 350 B

After

Width:  |  Height:  |  Size: 364 B

4
web/src/components/sidebar/SidebarTab.svelte
View File

@ -56,7 +56,7 @@
text-align: center;
gap: 3px;
padding: var(--padding) 3px;
color: var(--sidebar-highlight);
color: var(--sidebar-text);
font-size: var(--sidebar-font-size);
opacity: 0.75;
height: fit-content;
@ -82,7 +82,7 @@
}
.sidebar-tab.active {
color: var(--sidebar-bg);
color: var(--sidebar-highlight-text);
background: var(--sidebar-highlight);
opacity: 1;
transform: none;

13
web/src/routes/+layout.svelte
View File

@ -122,9 +122,11 @@
--dialog-backdrop: rgba(255, 255, 255, 0.3);
--sidebar-bg: #000000;
--sidebar-highlight: #ffffff;
--sidebar-hover: rgba(255, 255, 255, 0.1);
--sidebar-bg: #f4f4f4;
--sidebar-text: var(--secondary);
--sidebar-highlight: var(--secondary);
--sidebar-highlight-text: var(--primary);
--sidebar-hover: rgba(0, 0, 0, 0.1);
--input-border: #adadb7;
@ -198,7 +200,10 @@
--dialog-backdrop: rgba(0, 0, 0, 0.3);
--sidebar-bg: #101010;
--sidebar-highlight: #f2f2f2;
--sidebar-text: var(--secondary);
--sidebar-highlight: var(--secondary);
--sidebar-highlight-text: var(--sidebar-bg);
--sidebar-hover: rgba(255, 255, 255, 0.1);
--input-border: #383838;