Ailur-Archives
/
hectabit-website
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed z-index and shadows on dark mdoe

This commit is contained in:
Tracker-Friendly 2024-03-04 19:37:38 +00:00
parent 7e8cbecac5
commit 9d002593ee
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
hectabitstyles.css
View File

@ -12,6 +12,7 @@ body.dark-mode {
background-color: rgb(34, 34, 34); background-color: rgb(34, 34, 34);
--button-color: rgb(27, 105, 125); --button-color: rgb(27, 105, 125);
--sidebar-color: rgb(14, 66, 79); --sidebar-color: rgb(14, 66, 79);
--shadow: black;
} }
a { a {
@ -45,6 +46,7 @@ body {
color: rgb(40, 40, 40); color: rgb(40, 40, 40);
--button-color: rgb(118, 181, 197); --button-color: rgb(118, 181, 197);
--sidebar-color: rgb(0, 160, 198); --sidebar-color: rgb(0, 160, 198);
--shadow: lightgrey;
} }
/* Sidebar styles */ /* Sidebar styles */
@ -60,7 +62,7 @@ body {
left: 5px; left: 5px;
bottom: 5px; bottom: 5px;
overflow-y: auto; overflow-y: auto;
box-shadow: lightgrey 5px 5px 5px; box-shadow: var(--shadow) 5px 5px 5px;
} }
.closebar { .closebar {
@ -71,11 +73,12 @@ body {
position: fixed; position: fixed;
transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
color: rgb(118, 181, 197); color: rgb(118, 181, 197);
width: 318px; width: 1px;
margin-left: 290px;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-right: 8px; padding-right: 35px;
z-index: 2; z-index: 2;
} }
@ -138,7 +141,7 @@ button {
min-width: 28px; min-width: 28px;
transition: all 0.3s ease; transition: all 0.3s ease;
margin-left: auto; margin-left: auto;
box-shadow: lightgrey 5px 5px 5px; box-shadow: var(--shadow) 5px 5px 5px;
} }
button:hover { button:hover {