Update themes/modern-dark.css

This commit is contained in:
Madiator2011 2024-05-28 17:22:51 +02:00
parent e91cc63729
commit 0bf18624e7

View file

@ -10,6 +10,8 @@
--text-muted-color: #B0B0B0;
--border-color: #333333;
--hover-color: #1E90FF; /* Updated hover color */
--sidebar-background-color: #2A2A2A;
--highlight-color: #FFB74D; /* For the highlighted buttons */
}
/* General settings */
@ -19,6 +21,9 @@ body {
font-family: Arial, sans-serif;
margin: 0;
padding-top: 60px; /* Adjust this value to your navbar height */
display: flex;
flex-direction: column;
height: 100vh;
}
a:link, a:visited {
@ -48,7 +53,28 @@ a:hover {
color: var(--primary-color) !important;
}
/* Menu */
/* Sidebar */
#sidebar {
background-color: var(--sidebar-background-color);
color: var(--text-color);
padding: 20px;
position: fixed;
top: 60px; /* Adjust based on navbar height */
right: 0;
bottom: 0;
width: 300px;
overflow-y: auto;
z-index: 999; /* Ensure sidebar is on top */
}
/* Main content area */
#main-content {
margin-right: 320px; /* Adjust based on sidebar width */
padding: 20px;
flex-grow: 1;
overflow-y: auto;
}
.menugroup h3, .SubMenugroup h3, .SubMenu h3 {
border-radius: 3px;
background-color: var(--primary-color);
@ -238,7 +264,7 @@ form.search.small h2 {
.snippetLoaded {
font-size: 1.2em;
line-height: 1.2;
line-height: 1.5;
color: var(--text-muted-color);
}
@ -250,7 +276,7 @@ form.search.small h2 {
font-size: 1.2em;
color: var(--secondary-color);
text-decoration: none;
line-height: 1.2;
line-height: 1.5;
}
.searchresult .url a:hover {
@ -258,6 +284,38 @@ form.search.small h2 {
text-decoration: underline;
}
/* Sidebar section styling */
#sidebar .section {
margin-bottom: 20px;
}
#sidebar .section h3 {
font-size: 1.2em;
font-weight: bold;
background-color: var(--highlight-color);
color: white;
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
#sidebar .section .content {
background-color: var(--surface-color);
padding: 10px;
border-radius: 5px;
}
#sidebar .section .content a {
display: block;
padding: 5px 0;
color: var(--primary-color);
text-decoration: none;
}
#sidebar .section .content a:hover {
color: var(--hover-color);
}
/* Other */
.settingsValue {
color: #556699;
@ -327,4 +385,4 @@ form dt, dl.pairs dt {
form dd, dl.pairs dd {
background-color: var(--surface-color);
}
}