matty/peertube-theme-nctv-dark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix dark theme CSS format

Browse Source
This commit is contained in:
Chocobozzz 2023-02-17 10:15:14 +01:00
parent d269109bcf
commit 22bfdb1fb5
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
peertube-theme-dark/assets/style.css
View File

@ -29,24 +29,24 @@ body {
--mainColorVeryLight: #242320; --mainColorVeryLight: #242320;
--mainColorLightest: #3f3834; --mainColorLightest: #3f3834;
--inputBorderColor: #a5a5a5; --inputBorderColor: #a5a5a5;
--hoverColor: #ffffff0d --hoverColor: #ffffff0d;
} }
.dropdown-header { .dropdown-header {
color: var(--mainForegroundColor) color: var(--mainForegroundColor);
} }
.dropdown-item:active { .dropdown-item:active {
background-color: var(--hoverColor) !important background-color: var(--hoverColor) !important;
} }
.dropdown-menu { .dropdown-menu {
--bs-dropdown-link-hover-bg: var(--hoverColor) !important --bs-dropdown-link-hover-bg: var(--hoverColor) !important;
} }
.dropdown-menu, .dropdown-menu,
.dropdown-divider { .dropdown-divider {
border-color: var(--inputBorderColor) border-color: var(--inputBorderColor);
} }
.icon-logo { .icon-logo {
@ -55,11 +55,11 @@ body {
border-radius: 20px; border-radius: 20px;
min-height: 29px; min-height: 29px;
min-width: 29px; min-width: 29px;
padding: 3px 4px 3px 8px padding: 3px 4px 3px 8px;
} }
.ng-dropdown-panel { .ng-dropdown-panel {
border-color: var(--inputBorderColor) border-color: var(--inputBorderColor);
} }
.ng-optgroup { .ng-optgroup {
@ -73,41 +73,41 @@ body {
.ng-select-container.ng-select-focused.ng-select-opened, .ng-select-container.ng-select-focused.ng-select-opened,
.ng-select-multiple { .ng-select-multiple {
background-color: var(--mainBackgroundColor) !important; background-color: var(--mainBackgroundColor) !important;
color: var(--mainForegroundColor) !important color: var(--mainForegroundColor) !important;
} }
.ng-option:hover, .ng-option:hover,
.ng-option.ng-option-selected { .ng-option.ng-option-selected {
background-color: #555 !important; background-color: #555 !important;
color: var(--mainForegroundColor) !important color: var(--mainForegroundColor) !important;
} }
.ng-select-container .ng-arrow, .ng-select-container .ng-arrow,
.peertube-select-container::after { .peertube-select-container::after {
border-top-color: var(--mainForegroundColor) !important border-top-color: var(--mainForegroundColor) !important;
} }
.ng-select.ng-select.ng-select-opened>.ng-select-container .ng-arrow { .ng-select.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
border-bottom-color: var(--mainForegroundColor) !important border-bottom-color: var(--mainForegroundColor) !important;
} }
.notification { .notification {
border-bottom-color: rgba(255, 255, 255, 0.1) !important border-bottom-color: rgba(255, 255, 255, 0.1) !important;
} }
.notification svg, .notification svg,
.notifications-header svg, .notifications-header svg,
.menu-link svg { .menu-link svg {
color: var(--greyForegroundColor) !important color: var(--greyForegroundColor) !important;
} }
.notification.unread { .notification.unread {
background-color: #ffffff0d !important background-color: #ffffff0d !important;
} }
.notifications-header { .notifications-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
color: var(--greyForegroundColor) !important color: var(--greyForegroundColor) !important;
} }
.popover { .popover {
@ -118,20 +118,20 @@ body {
} }
.progress { .progress {
background-color: var(--greySecondaryBackgroundColor) !important background-color: var(--greySecondaryBackgroundColor) !important;
} }
.progress>span, .progress>span,
.all-notifications, .all-notifications,
.notifications-header svg:hover, .notifications-header svg:hover,
.menu-link:hover svg { .menu-link:hover svg {
color: var(--mainForegroundColor) !important color: var(--mainForegroundColor) !important;
} }
.root-header { .root-header {
box-shadow: 0 1px 3px rgba(200, 200, 200, .10) !important box-shadow: 0 1px 3px rgba(200, 200, 200, .10) !important;
} }
input#search-video { input#search-video {
box-shadow: rgba(200, 200, 200, 0.1) 0 1px 20px 0 !important box-shadow: rgba(200, 200, 200, 0.1) 0 1px 20px 0 !important;
} }