Make nav bar look nice

This commit is contained in:
Dean @ Skool
2024-01-26 14:13:46 -05:00
parent 5f35eac86b
commit ae2870db48
2 changed files with 8 additions and 6 deletions
+5 -3
View File
@@ -12,7 +12,7 @@
top: 0;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-top: 35px;
color: rgb(255, 255, 255);
z-index: 100;
display: flex;
@@ -22,13 +22,15 @@
text-align: center;
backdrop-filter: blur(7.1px);
-webkit-backdrop-filter: blur(7.1px);
border: 1px solid rgb(83, 83, 83);
}
.navbar.scrolling {
background-color: var(--background-darker);
color: black;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.navbar>.title {
+3 -3
View File
@@ -1,6 +1,6 @@
body[data-theme='dark'] {
--background-color: rgba(0, 0, 0, 0.8);
--background-darker: rgba(0, 0, 0, 0.9);
--background-darker: rgba(26, 25, 32, 0.75);
--text: #fff;
--sidebar-bg: #161f2eef;
--button-bg: #1c1c1c69;
@@ -16,8 +16,8 @@ body[data-theme='dark'] {
}
body[data-theme='light'] {
--background-color: #fff;
--background-darker: var(--background-color);
--background-color: rgba(255, 255, 255, 0.8);
--background-darker: rgba(235, 235, 235, 0.8);
--text: #000;
--hover: #757575;
--sidebar-bg: #ffffffee;