diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css index 00860ae7f..f70b5091e 100644 Binary files a/netbox/project-static/dist/netbox.css and b/netbox/project-static/dist/netbox.css differ diff --git a/netbox/project-static/styles/overrides/_tabler.scss b/netbox/project-static/styles/overrides/_tabler.scss index f0ebe8e58..c8367eb0e 100644 --- a/netbox/project-static/styles/overrides/_tabler.scss +++ b/netbox/project-static/styles/overrides/_tabler.scss @@ -63,11 +63,22 @@ table { // Dark mode colors @if $enable-dark-mode { @include color-mode(dark, true) { + --#{$prefix}alert-color: darken(var(--#{$prefix}warning),10%); --#{$prefix}link-color: #{$bright-teal}; --#{$prefix}secondary: #{$gray-400}; } } +// Slightly increase alert contrast between bg and text +.alert { + background: var(--#{$prefix}bg-surface); +} + +// +.page, .page-tabs .nav-tabs .nav-link.active { + background-color: var(--#{$prefix}bg-surface-tertiary)!important; +} + // Dark mode overrides body[data-bs-theme=dark] { @@ -77,7 +88,7 @@ body[data-bs-theme=dark] { background-color: $rich-black; } .page, .page-tabs .nav-tabs .nav-link.active { - background-color: $rich-black-light; + background-color: $rich-black-light!important; } // Adjust dark table link color without affecting buttons and badges @@ -96,7 +107,13 @@ body[data-bs-theme=dark] { } } - .text-muted { - color: var(--#{$prefix}secondary-color) !important; + // Adjusting text colors + .text- { + &muted { + color: var(--#{$prefix}secondary-color) !important; + } + &secondary { + color: $gray-400!important; + } } }