Make nav bar look nice
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user