sh-edraft.de/sh_discord_bot
4
1
Fork 1
Code Issues 21 Pull Requests Actions Packages Projects 3 Releases 27 Wiki Activity

Fixed themes #72

Browse Source
This commit is contained in:
Sven Heidemann 2022-10-18 16:36:24 +02:00
parent 7760ee5725
commit dee8e4fe74
4 changed files with 166 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
kdb-web/src/styles/themes/default-dark-theme.scss
View File

@ -15,16 +15,9 @@
$primaryErrorColor: #b00020; $primaryErrorColor: #b00020;
$secondaryErrorColor: #e94948; $secondaryErrorColor: #e94948;
$default-border: 1px solid $secondaryBackgroundColor3; $default-border: 2px solid $secondaryBackgroundColor3;
background-color: $primaryBackgroundColor !important; background-color: $primaryBackgroundColor;
html,
body {
margin: 0;
font-size: 16px;
}
h1, h1,
h2 { h2 {
@ -122,6 +115,35 @@
.content-divider { .content-divider {
border-bottom: $default-border; border-bottom: $default-border;
} }
.server-list-wrapper {
.server-filter {
}
.server-count {
}
.server-list {
.server {
border: $default-border;
border-radius: 15px;
.logo {
img {
border-radius: 100%;
}
}
.name {
color: $primaryHeaderColor;
}
&:hover {
border-color: $primaryHeaderColor !important;
}
}
}
}
} }
} }
} }
@ -228,28 +250,43 @@
stroke: $primaryHeaderColor !important; stroke: $primaryHeaderColor !important;
} }
.p-menu { .p-menu,
.p-panelmenu {
color: $primaryTextColor !important; color: $primaryTextColor !important;
.p-menuitem-link .p-menuitem-text, .p-menuitem-link .p-menuitem-text,
.p-menuitem-link .p-menuitem-icon { .p-menuitem-link .p-menuitem-icon,
.p-panelmenu-header > a {
color: $primaryTextColor !important; color: $primaryTextColor !important;
background: transparent !important;
font-size: 1rem !important;
font-weight: normal !important;
} }
.p-menuitem-link:focus { .p-menuitem-link:focus,
.p-panelmenu-header > a:focus,
.p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
box-shadow: none !important; box-shadow: none !important;
} }
.p-menuitem-link:hover { .p-menuitem-link:hover,
.p-panelmenu-header > a:hover,
.p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
background-color: $secondaryBackgroundColor !important; background-color: $secondaryBackgroundColor !important;
$border-radius: 20px; $border-radius: 20px;
border-radius: $border-radius 0px 0px $border-radius; border-radius: $border-radius 0px 0px $border-radius;
.p-menuitem-text, .p-menuitem-text,
.p-menuitem-icon { .p-menuitem-icon,
.p-menuitem-text,
.p-panelmenu-icon {
color: $primaryHeaderColor !important; color: $primaryHeaderColor !important;
} }
} }
.p-panelmenu-content {
margin: 5px 0px 5px 10px;
}
} }
.p-menu-overlay { .p-menu-overlay {
@ -388,6 +425,9 @@
input, input,
.p-password { .p-password {
border-radius: 10px;
border: $default-border;
&:focus { &:focus {
box-shadow: none !important; box-shadow: none !important;
} }

70
kdb-web/src/styles/themes/default-light-theme.scss
View File

@ -15,14 +15,9 @@
$primaryErrorColor: #b00020; $primaryErrorColor: #b00020;
$secondaryErrorColor: #e94948; $secondaryErrorColor: #e94948;
$default-border: 1px solid $secondaryBackgroundColor; $default-border: 2px solid $secondaryBackgroundColor;
html, background-color: $primaryBackgroundColor;
body {
margin: 0;
font-size: 16px;
}
h1, h1,
h2 { h2 {
@ -120,6 +115,35 @@
.content-divider { .content-divider {
border-bottom: $default-border; border-bottom: $default-border;
} }
.server-list-wrapper {
.server-filter {
}
.server-count {
}
.server-list {
.server {
border: $default-border;
border-radius: 15px;
.logo {
img {
border-radius: 100%;
}
}
.name {
color: $primaryHeaderColor;
}
&:hover {
border-color: $primaryHeaderColor !important;
}
}
}
}
} }
} }
} }
@ -226,28 +250,43 @@
stroke: $primaryHeaderColor !important; stroke: $primaryHeaderColor !important;
} }
.p-menu { .p-menu,
.p-panelmenu {
color: $primaryTextColor !important; color: $primaryTextColor !important;
.p-menuitem-link .p-menuitem-text, .p-menuitem-link .p-menuitem-text,
.p-menuitem-link .p-menuitem-icon { .p-menuitem-link .p-menuitem-icon,
.p-panelmenu-header > a {
color: $primaryTextColor !important; color: $primaryTextColor !important;
background: transparent !important;
font-size: 1rem !important;
font-weight: normal !important;
} }
.p-menuitem-link:focus { .p-menuitem-link:focus,
.p-panelmenu-header > a:focus,
.p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
box-shadow: none !important; box-shadow: none !important;
} }
.p-menuitem-link:hover { .p-menuitem-link:hover,
.p-panelmenu-header > a:hover,
.p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
background-color: $secondaryBackgroundColor !important; background-color: $secondaryBackgroundColor !important;
$border-radius: 20px; $border-radius: 20px;
border-radius: $border-radius 0px 0px $border-radius; border-radius: $border-radius 0px 0px $border-radius;
.p-menuitem-text, .p-menuitem-text,
.p-menuitem-icon { .p-menuitem-icon,
.p-menuitem-text,
.p-panelmenu-icon {
color: $primaryHeaderColor !important; color: $primaryHeaderColor !important;
} }
} }
.p-panelmenu-content {
margin: 5px 0px 5px 10px;
}
} }
.p-menu-overlay { .p-menu-overlay {
@ -386,6 +425,9 @@
input, input,
.p-password { .p-password {
border-radius: 10px;
border: $default-border;
&:focus { &:focus {
box-shadow: none !important; box-shadow: none !important;
} }
@ -430,7 +472,7 @@
color: $primaryTextColor !important; color: $primaryTextColor !important;
border: 0 !important; border: 0 !important;
padding: 0px !important; padding: 0px !important;
&:hover { &:hover {
background-color: transparent !important; background-color: transparent !important;
color: $primaryHeaderColor !important; color: $primaryHeaderColor !important;

2
kdb-web/src/styles/themes/sh-edraft-dark-theme.scss
View File

@ -17,7 +17,7 @@
$default-border: 2px solid $secondaryBackgroundColor3; $default-border: 2px solid $secondaryBackgroundColor3;
background-color: $primaryBackgroundColor !important; background-color: $primaryBackgroundColor;
h1, h1,
h2 { h2 {

68
kdb-web/src/styles/themes/sh-edraft-light-theme.scss
View File

@ -15,14 +15,9 @@
$primaryErrorColor: #b00020; $primaryErrorColor: #b00020;
$secondaryErrorColor: #e94948; $secondaryErrorColor: #e94948;
$default-border: 1px solid $secondaryBackgroundColor; $default-border: 2px solid $secondaryBackgroundColor;
html, background-color: $primaryBackgroundColor;
body {
margin: 0;
font-size: 16px;
}
h1, h1,
h2 { h2 {
@ -121,6 +116,35 @@
border-bottom: $default-border; border-bottom: $default-border;
} }
} }
.server-list-wrapper {
.server-filter {
}
.server-count {
}
.server-list {
.server {
border: $default-border;
border-radius: 15px;
.logo {
img {
border-radius: 100%;
}
}
.name {
color: $primaryHeaderColor;
}
&:hover {
border-color: $primaryHeaderColor !important;
}
}
}
}
} }
} }
} }
@ -226,28 +250,43 @@
stroke: $primaryHeaderColor !important; stroke: $primaryHeaderColor !important;
} }
.p-menu { .p-menu,
.p-panelmenu {
color: $primaryTextColor !important; color: $primaryTextColor !important;
.p-menuitem-link .p-menuitem-text, .p-menuitem-link .p-menuitem-text,
.p-menuitem-link .p-menuitem-icon { .p-menuitem-link .p-menuitem-icon,
.p-panelmenu-header > a {
color: $primaryTextColor !important; color: $primaryTextColor !important;
background: transparent !important;
font-size: 1rem !important;
font-weight: normal !important;
} }
.p-menuitem-link:focus { .p-menuitem-link:focus,
.p-panelmenu-header > a:focus,
.p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
box-shadow: none !important; box-shadow: none !important;
} }
.p-menuitem-link:hover { .p-menuitem-link:hover,
.p-panelmenu-header > a:hover,
.p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
background-color: $secondaryBackgroundColor !important; background-color: $secondaryBackgroundColor !important;
$border-radius: 20px; $border-radius: 20px;
border-radius: $border-radius 0px 0px $border-radius; border-radius: $border-radius 0px 0px $border-radius;
.p-menuitem-text, .p-menuitem-text,
.p-menuitem-icon { .p-menuitem-icon,
.p-menuitem-text,
.p-panelmenu-icon {
color: $primaryHeaderColor !important; color: $primaryHeaderColor !important;
} }
} }
.p-panelmenu-content {
margin: 5px 0px 5px 10px;
}
} }
.p-menu-overlay { .p-menu-overlay {
@ -386,6 +425,9 @@
input, input,
.p-password { .p-password {
border-radius: 10px;
border: $default-border;
&:focus { &:focus {
box-shadow: none !important; box-shadow: none !important;
} }
@ -430,7 +472,7 @@
color: $primaryTextColor !important; color: $primaryTextColor !important;
border: 0 !important; border: 0 !important;
padding: 0px !important; padding: 0px !important;
&:hover { &:hover {
background-color: transparent !important; background-color: transparent !important;
color: $primaryHeaderColor !important; color: $primaryHeaderColor !important;