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; --text-muted-color: #B0B0B0;
--border-color: #333333; --border-color: #333333;
--hover-color: #1E90FF; /* Updated hover color */ --hover-color: #1E90FF; /* Updated hover color */
--sidebar-background-color: #2A2A2A;
--highlight-color: #FFB74D; /* For the highlighted buttons */
} }
/* General settings */ /* General settings */
@ -19,6 +21,9 @@ body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding-top: 60px; /* Adjust this value to your navbar height */ padding-top: 60px; /* Adjust this value to your navbar height */
display: flex;
flex-direction: column;
height: 100vh;
} }
a:link, a:visited { a:link, a:visited {
@ -48,7 +53,28 @@ a:hover {
color: var(--primary-color) !important; 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 { .menugroup h3, .SubMenugroup h3, .SubMenu h3 {
border-radius: 3px; border-radius: 3px;
background-color: var(--primary-color); background-color: var(--primary-color);
@ -238,7 +264,7 @@ form.search.small h2 {
.snippetLoaded { .snippetLoaded {
font-size: 1.2em; font-size: 1.2em;
line-height: 1.2; line-height: 1.5;
color: var(--text-muted-color); color: var(--text-muted-color);
} }
@ -250,7 +276,7 @@ form.search.small h2 {
font-size: 1.2em; font-size: 1.2em;
color: var(--secondary-color); color: var(--secondary-color);
text-decoration: none; text-decoration: none;
line-height: 1.2; line-height: 1.5;
} }
.searchresult .url a:hover { .searchresult .url a:hover {
@ -258,6 +284,38 @@ form.search.small h2 {
text-decoration: underline; 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 */ /* Other */
.settingsValue { .settingsValue {
color: #556699; color: #556699;
@ -327,4 +385,4 @@ form dt, dl.pairs dt {
form dd, dl.pairs dd { form dd, dl.pairs dd {
background-color: var(--surface-color); background-color: var(--surface-color);
} }