From 139d1cdcf8b95691501d42901ca99ab359ea7364 Mon Sep 17 00:00:00 2001 From: snipe Date: Thu, 27 Nov 2025 14:48:28 +0000 Subject: [PATCH] Added a few more classes --- resources/views/layouts/default.blade.php | 71 +++++++++++++++++++---- 1 file changed, 59 insertions(+), 12 deletions(-) diff --git a/resources/views/layouts/default.blade.php b/resources/views/layouts/default.blade.php index f36dbf6378..98c931fbff 100644 --- a/resources/views/layouts/default.blade.php +++ b/resources/views/layouts/default.blade.php @@ -43,8 +43,9 @@ :root { --main-theme-color: {{ $snipeSettings->header_color }}; - --sidenav-text-nohover-color: #b8c7ce; --sidenav-text-hover-color: #fff; + --sidenav-text-nohover-color: #b8c7ce; + --search-highlight: #e9d15b; } [data-theme="light"] { @@ -58,12 +59,17 @@ --header-color: #000000; --link-color: {{ $snipeSettings->header_color }}; --nav-primary-font-color: #ffffff; + --tab-bottom-border: 1px solid var(--box-header-top-border-color); --table-border-row-top: 1px solid #ecf0f5; --table-stripe-bg-alt: rgba(211, 211, 211, 0.25); --table-stripe-bg: #ffffff; --text-blue: #d6d6d6; - --text-error: #a94442; - --text-help: #d6d6d6; + --text-danger: #a94442; + --text-help: #605e5e; + --text-info: #31708f; + --text-success: #039516; + --text-warning: #da9113; + } [data-theme="dark"] { @@ -77,15 +83,22 @@ --header-color: #ffffff; --link-color: #ffffff; --nav-primary-font-color: #ffffff; + --tab-bottom-border: 1px solid var(--box-header-top-border-color); --table-border-row: 1px solid #656464; --table-stripe-bg-alt: #323131; --table-stripe-bg: #494747; --text-blue: #d6d6d6; - --text-error: #f17f7b; + --text-danger: #dd4b39; --text-help: #a6a4a4; + --text-info: #2baae6; + --text-success: #4ced61; + --text-warning: #f3a51f; } + .search-highlight { + background-color: var(--search-highlight); + } .content-wrapper { background-color: var(--color-bg); } @@ -165,7 +178,7 @@ .popover.help-popover .popover-title, .popover.help-popover .popover-header { - background-color: var(--box-header-top-border); + background-color: var(--box-bg) !important; color: var(--color-fg) !important; } @@ -174,6 +187,7 @@ { border-right-color: var(--box-header-top-border); } + .popover.right .arrow { border-right-color: var(--box-header-top-border); } @@ -197,10 +211,9 @@ .nav-tabs-custom > .nav-tabs { - border-bottom: var(--box-header-top-border); + border-bottom: var(--tab-bottom-border); border-top-right-radius: 3px; border-top-left-radius: 3px; - margin-bottom: -1px; padding-bottom: 0; } @@ -231,7 +244,7 @@ { border-top-color: var(--main-theme-color) !important; background-color: var(--box-header-top-border-color) !important; - border-bottom: 1px solid var(--box-bg) !important; + border-bottom: 2px solid var(--box-bg) !important; border-right: 1px solid var(--box-header-top-border-color) ; border-top-right-radius: 3px; border-top-left-radius: 3px; @@ -242,6 +255,13 @@ } + /** + This fixes the weird spacing in the nav tabs if there is a badge count on the tab + */ + .badge { + font-size: 11px; + } + /** table rows */ @@ -382,8 +402,6 @@ - - .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header, @@ -396,7 +414,7 @@ { background-color: hsl(from var(--main-theme-color) h s calc(l - 5)); color: hsl(from var(--main-theme-color) h s calc(l + 55)) !important; - margin-bottom: 0px; + margin-bottom: 0; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { @@ -491,7 +509,7 @@ } .alert-msg { - color: var(--text-error); + color: var(--text-danger); } @@ -503,6 +521,26 @@ color: hsl(from var(--main-theme-color) h s calc(l - 5)); } + .text-warning { + color: var(--text-warning); + } + + .text-info { + color: var(--text-info); + } + + .text-primary { + color: var(--main-theme-color); + } + + .text-danger { + color: var(--text-danger); + } + + .text-success { + color: var(--text-success); + } + .dropdown-menu > .divider { background-color: hsl(from var(--main-theme-color) h s calc(l - 10)); margin-top: 0; @@ -511,6 +549,15 @@ } + input[type="radio"]::before { + box-shadow: inset 1em 1em var(--main-theme-color) !important; + } + + + input[type="checkbox"]::before { + box-shadow: inset 1em 1em var(--main-theme-color) !important; + } +