From 22bfdb1fb5e456c718551546389e4d29b12a97d2 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 17 Feb 2023 10:15:14 +0100 Subject: [PATCH] Fix dark theme CSS format --- peertube-theme-dark/assets/style.css | 38 ++++++++++++++-------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/peertube-theme-dark/assets/style.css b/peertube-theme-dark/assets/style.css index bba0ce2..e0e54cb 100644 --- a/peertube-theme-dark/assets/style.css +++ b/peertube-theme-dark/assets/style.css @@ -29,24 +29,24 @@ body { --mainColorVeryLight: #242320; --mainColorLightest: #3f3834; --inputBorderColor: #a5a5a5; - --hoverColor: #ffffff0d + --hoverColor: #ffffff0d; } .dropdown-header { - color: var(--mainForegroundColor) + color: var(--mainForegroundColor); } .dropdown-item:active { - background-color: var(--hoverColor) !important + background-color: var(--hoverColor) !important; } .dropdown-menu { - --bs-dropdown-link-hover-bg: var(--hoverColor) !important + --bs-dropdown-link-hover-bg: var(--hoverColor) !important; } .dropdown-menu, .dropdown-divider { - border-color: var(--inputBorderColor) + border-color: var(--inputBorderColor); } .icon-logo { @@ -55,11 +55,11 @@ body { border-radius: 20px; min-height: 29px; min-width: 29px; - padding: 3px 4px 3px 8px + padding: 3px 4px 3px 8px; } .ng-dropdown-panel { - border-color: var(--inputBorderColor) + border-color: var(--inputBorderColor); } .ng-optgroup { @@ -73,41 +73,41 @@ body { .ng-select-container.ng-select-focused.ng-select-opened, .ng-select-multiple { background-color: var(--mainBackgroundColor) !important; - color: var(--mainForegroundColor) !important + color: var(--mainForegroundColor) !important; } .ng-option:hover, .ng-option.ng-option-selected { background-color: #555 !important; - color: var(--mainForegroundColor) !important + color: var(--mainForegroundColor) !important; } .ng-select-container .ng-arrow, .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 { - border-bottom-color: var(--mainForegroundColor) !important + border-bottom-color: var(--mainForegroundColor) !important; } .notification { - border-bottom-color: rgba(255, 255, 255, 0.1) !important + border-bottom-color: rgba(255, 255, 255, 0.1) !important; } .notification svg, .notifications-header svg, .menu-link svg { - color: var(--greyForegroundColor) !important + color: var(--greyForegroundColor) !important; } .notification.unread { - background-color: #ffffff0d !important + background-color: #ffffff0d !important; } .notifications-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; - color: var(--greyForegroundColor) !important + color: var(--greyForegroundColor) !important; } .popover { @@ -118,20 +118,20 @@ body { } .progress { - background-color: var(--greySecondaryBackgroundColor) !important + background-color: var(--greySecondaryBackgroundColor) !important; } .progress>span, .all-notifications, .notifications-header svg:hover, .menu-link:hover svg { - color: var(--mainForegroundColor) !important + color: var(--mainForegroundColor) !important; } .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 { - 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; }