NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-08-09 00:58:16 -06:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Merge pull request #2 from andrewgormley/revert-1-16647-navigation-contrast-issues

Browse Source 
Revert "fixes #16647: navigation contrast issues"
This commit is contained in:
Andrew Gormley 2024-06-27 13:36:32 +01:00 committed by GitHub
commit 4abe110957
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 2 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox.css vendored
View File

Binary file not shown.

10
netbox/project-static/styles/_variables.scss
View File

@ -21,13 +21,3 @@ $hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
// Ensure active nav-pill has a background color in dark mode // Ensure active nav-pill has a background color in dark mode
$nav-pills-link-active-bg: rgba(var(--tblr-secondary-rgb), 0.15); $nav-pills-link-active-bg: rgba(var(--tblr-secondary-rgb), 0.15);
// Colors
$rich-black: #001423;
$rich-black-light: #081B2A;
$rich-black-lighter: #0D202E;
$rich-black-lightest: #1A2C39;
$bright-teal: #00F2D4;
$dark-teal: #00857D;
$primary: $dark-teal;

48
netbox/project-static/styles/overrides/_tabler.scss
View File

@ -36,50 +36,6 @@ pre {
} }
table a { table a {
color: $dark-teal; // Adjust table anchor link contrast as not enough contrast in dark mode
} filter: brightness(110%);
// Side navigation
.navbar-vertical {
background-color: $rich-black;
.dropdown-item {
color: white!important;
}
.text-secondary {
color: $gray-400!important;
}
}
// Dark mode overrides
body[data-bs-theme=dark] {
// Background colors to match brand colors
background-color: $rich-black;
.navbar, .page-header {
background-color: $rich-black;
}
.page, .page-tabs .nav-tabs .nav-link.active {
background-color: $rich-black-light;
}
// Adjust dark table link color without affecting buttons and badges
table {
a {
color: $bright-teal;
}
.badge a {
color: inherit;
}
.btn {
color: var(--#{$prefix}body-color);
}
}
}
// Dark mode colors
@if $enable-dark-mode {
@include color-mode(dark, true) {
--#{$prefix}link-color: #{$bright-teal};
--#{$prefix}secondary: #{$gray-400};
}
} }