diff --git a/netbox/project-static/dist/cable_trace.css b/netbox/project-static/dist/cable_trace.css index dc7a6a6fa..54f01c3f7 100644 --- a/netbox/project-static/dist/cable_trace.css +++ b/netbox/project-static/dist/cable_trace.css @@ -1 +1 @@ -:root{--nbx-trace-color: #000;--nbx-trace-node-bg: #e9ecef;--nbx-trace-termination-bg: #f8f9fa;--nbx-trace-cable-shadow: #343a40;--nbx-trace-attachment: #ced4da}:root[data-netbox-color-mode=dark]{--nbx-trace-color: #fff;--nbx-trace-node-bg: #212529;--nbx-trace-termination-bg: #343a40;--nbx-trace-cable-shadow: #e9ecef;--nbx-trace-attachment: #6c757d}*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem}text{text-anchor:middle;dominant-baseline:middle}text:not([fill]){fill:var(--nbx-trace-color)}text.bold{font-weight:700}svg rect{fill:var(--nbx-trace-node-bg);stroke:#606060;stroke-width:1}svg rect .termination{fill:var(--nbx-trace-termination-bg)}svg .connector text{text-anchor:start}svg line{stroke-width:5px}svg polyline{fill:none;stroke-width:5px}svg .cable-shadow{stroke:var(--nbx-trace-cable-shadow);stroke-width:7px}svg line.wireless-link{stroke:var(--nbx-trace-attachment);stroke-dasharray:4px 12px;stroke-linecap:round}svg line.attachment{stroke:var(--nbx-trace-attachment);stroke-dasharray:5px} +:root{--nbx-trace-color: #000;--nbx-trace-node-bg: #e9ecef;--nbx-trace-termination-bg: #f8f9fa;--nbx-trace-cable-shadow: #343a40;--nbx-trace-attachment: #ced4da}:root[data-bs-theme=dark]{--nbx-trace-color: #fff;--nbx-trace-node-bg: #212529;--nbx-trace-termination-bg: #343a40;--nbx-trace-cable-shadow: #e9ecef;--nbx-trace-attachment: #6c757d}*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem}text{text-anchor:middle;dominant-baseline:middle}text:not([fill]){fill:var(--nbx-trace-color)}text.bold{font-weight:700}svg rect{fill:var(--nbx-trace-node-bg);stroke:#606060;stroke-width:1}svg rect .termination{fill:var(--nbx-trace-termination-bg)}svg .connector text{text-anchor:start}svg line{stroke-width:5px}svg polyline{fill:none;stroke-width:5px}svg .cable-shadow{stroke:var(--nbx-trace-cable-shadow);stroke-width:7px}svg line.wireless-link{stroke:var(--nbx-trace-attachment);stroke-dasharray:4px 12px;stroke-linecap:round}svg line.attachment{stroke:var(--nbx-trace-attachment);stroke-dasharray:5px} diff --git a/netbox/project-static/dist/rack_elevation.css b/netbox/project-static/dist/rack_elevation.css index 5d6f06fbf..40fa2908a 100644 --- a/netbox/project-static/dist/rack_elevation.css +++ b/netbox/project-static/dist/rack_elevation.css @@ -1 +1 @@ -svg{--nbx-rack-bg: #e9ecef;--nbx-rack-border: #000;--nbx-rack-slot-bg: #e9ecef;--nbx-rack-slot-border: #adb5bd;--nbx-rack-slot-hover-bg: #ced4da;--nbx-rack-link-color: #0d6efd;--nbx-rack-unit-color: var(--bs-secondary-color)}svg[data-netbox-color-mode=dark]{--nbx-rack-bg: #343a40;--nbx-rack-border: #6c757d;--nbx-rack-slot-bg: #343a40;--nbx-rack-slot-border: #495057;--nbx-rack-slot-hover-bg: #212529;--nbx-rack-link-color: #9ec5fe;--nbx-rack-unit-color: var(--bs-secondary-color)}*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem}rect{box-sizing:border-box}text{text-anchor:middle;dominant-baseline:middle}svg .unit{margin:0;padding:5px 0;fill:var(--nbx-rack-unit-color)}svg .hidden{visibility:hidden}svg rect.shaded,svg image.shaded{opacity:25%}svg text.shaded{opacity:50%}svg .rack{fill:none;stroke-width:2px;stroke:var(--nbx-rack-border);background-color:var(--nbx-rack-bg)}svg .slot{fill:var(--nbx-rack-slot-bg);stroke:var(--nbx-rack-slot-border)}svg .slot:hover{fill:var(--nbx-rack-slot-hover-bg)}svg .slot+.add-device{fill:var(--nbx-rack-link-color);opacity:0;pointer-events:none}svg .slot:hover+.add-device{opacity:1}svg .slot.occupied[class],svg .slot.occupied:hover[class]{fill:url(#occupied)}svg .slot.blocked[class],svg .slot.blocked:hover[class]{fill:url(#blocked)}svg .slot.blocked:hover+.add-device{opacity:0}svg .reservation[class]{fill:url(#reserved)} +svg{--nbx-rack-bg: #e9ecef;--nbx-rack-border: #000;--nbx-rack-slot-bg: #e9ecef;--nbx-rack-slot-border: #adb5bd;--nbx-rack-slot-hover-bg: #ced4da;--nbx-rack-link-color: #0d6efd;--nbx-rack-unit-color: var(--bs-secondary-color)}svg[data-bs-theme=dark]{--nbx-rack-bg: #343a40;--nbx-rack-border: #6c757d;--nbx-rack-slot-bg: #343a40;--nbx-rack-slot-border: #495057;--nbx-rack-slot-hover-bg: #212529;--nbx-rack-link-color: #9ec5fe;--nbx-rack-unit-color: var(--bs-secondary-color)}*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem}rect{box-sizing:border-box}text{text-anchor:middle;dominant-baseline:middle}svg .unit{margin:0;padding:5px 0;fill:var(--nbx-rack-unit-color)}svg .hidden{visibility:hidden}svg rect.shaded,svg image.shaded{opacity:25%}svg text.shaded{opacity:50%}svg .rack{fill:none;stroke-width:2px;stroke:var(--nbx-rack-border);background-color:var(--nbx-rack-bg)}svg .slot{fill:var(--nbx-rack-slot-bg);stroke:var(--nbx-rack-slot-border)}svg .slot:hover{fill:var(--nbx-rack-slot-hover-bg)}svg .slot+.add-device{fill:var(--nbx-rack-link-color);opacity:0;pointer-events:none}svg .slot:hover+.add-device{opacity:1}svg .slot.occupied[class],svg .slot.occupied:hover[class]{fill:url(#occupied)}svg .slot.blocked[class],svg .slot.blocked:hover[class]{fill:url(#blocked)}svg .slot.blocked:hover+.add-device{opacity:0}svg .reservation[class]{fill:url(#reserved)} diff --git a/netbox/project-static/img/graphql.ico b/netbox/project-static/img/graphql.ico deleted file mode 100644 index 4940291a2..000000000 Binary files a/netbox/project-static/img/graphql.ico and /dev/null differ diff --git a/netbox/project-static/img/netbox_logo.png b/netbox/project-static/img/netbox_logo.png deleted file mode 100644 index 4917b8fb1..000000000 Binary files a/netbox/project-static/img/netbox_logo.png and /dev/null differ diff --git a/netbox/project-static/styles/old/theme-light.scss b/netbox/project-static/styles/old/theme-light.scss deleted file mode 100644 index 9b861c3a5..000000000 --- a/netbox/project-static/styles/old/theme-light.scss +++ /dev/null @@ -1,119 +0,0 @@ -// Base NetBox Theme Overrides and Settings - color mode agnostic. - -@import '../../node_modules/bootstrap/scss/functions'; - -$card-cap-bg: 'unset'; - -$border-radius-md: 0.375rem; -$border-radius-lg: 0.5rem; -$border-radius-xl: 0.75rem; -$border-radius-2xl: 1.5rem; - -$border-radius: $border-radius-md; - -$border-radius-sm: $border-radius; -$border-radius-lg: $border-radius-xl; - -$badge-border-radius: $border-radius-md; -$progress-border-radius: $border-radius-md; - -$font-weight-lighter: 200; -$font-weight-medium: 600; -$font-weight-bolder: 800; - -$font-size-xs: 0.75rem; - -$line-height-base: 1.5; -$line-height-xs: 1; -$line-height-sm: 1.25; -$line-height-lg: 1.75; - -$darker: #1b1f22; -$darkest: #171b1d; - -@import '../../node_modules/bootstrap/scss/variables'; -@import '../../node_modules/bootstrap/scss/variables-dark'; - -// This is the same value as the default from Bootstrap, but it needs to be in scope prior to -// importing _variables.scss from Bootstrap. -$btn-close-width: 1em; - -$accordion-padding-y: 0.8125rem; -$accordion-padding-x: 0.8125rem; - -$sidebar-width: 280px; -$sidebar-bottom-height: 4rem; - -$transition-100ms-ease-in-out: all 0.1s ease-in-out; - -// Sidebar/Sidenav -$sidenav-width-closed: 3rem; -$sidenav-width-open: 16rem; -$sidenav-icon-width: 2rem; -$sidenav-spacing-x: 1.5rem; -$sidenav-link-spacing-x: 1rem; -$sidenav-link-spacing-y: 0.5rem; - -// Theme colors (BS5 classes) -$primary: #337ab7; -$secondary: $gray-600; -$success: $green-500; -$info: #54d6f0; -$warning: $yellow-500; -$danger: $red-500; -$light: $gray-200; -$dark: $gray-800; - -$theme-colors: ( - // BS5 theme colors - 'primary': $primary, - 'secondary': $secondary, - 'success': $success, - 'info': $info, - 'warning': $warning, - 'danger': $danger, - 'light': $light, - 'dark': $dark, - // General-purpose palette - 'blue': $blue-500, - 'indigo': $indigo-500, - 'purple': $purple-500, - 'pink': $pink-500, - 'red': $red-500, - 'orange': $orange-500, - 'yellow': $yellow-500, - 'green': $green-500, - 'teal': $teal-500, - 'cyan': $cyan-500, - 'gray': $gray-500, - 'black': $black, - 'white': $white -); - -$light: $gray-200; - -$navbar-light-color: $gray-100; - -$card-cap-color: $gray-800; - -$accordion-bg: transparent; -$accordion-button-bg: $accordion-bg; -$accordion-body-active-bg: $gray-100; -$accordion-border-color: $border-color; -$accordion-button-active-bg: $blue-100; -$accordion-button-active-color: $gray-800; - -$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E"); - -$code-color: $gray-900; - -$list-group-color: $gray-700; -$list-group-disabled-color: $gray-500; - -$table-flush-header-bg: $gray-100; - -$input-placeholder-color: $gray-500; -$form-select-disabled-color: $gray-600; - -// Tabbed content -$tab-content-bg: $gray-100; diff --git a/netbox/project-static/styles/svg/cable_trace.scss b/netbox/project-static/styles/svg/cable_trace.scss index 4a8fdf61a..b7b09c219 100644 --- a/netbox/project-static/styles/svg/cable_trace.scss +++ b/netbox/project-static/styles/svg/cable_trace.scss @@ -1,17 +1,21 @@ -@import '../old/theme-light'; +@import '../../node_modules/bootstrap/scss/functions'; +@import '../../node_modules/bootstrap/scss/variables'; +@import '../../node_modules/bootstrap/scss/variables-dark'; -// Cable Trace Styles. +/* + * Cable trace SVG styling + */ :root { - // Light Mode Variables. + // Light mode values --nbx-trace-color: #{$black}; --nbx-trace-node-bg: #{$gray-200}; --nbx-trace-termination-bg: #{$gray-100}; --nbx-trace-cable-shadow: #{$gray-800}; --nbx-trace-attachment: #{$gray-400}; - &[data-netbox-color-mode='dark'] { - // Dark Mode Variables. - // Note: only the `theme-light.scss` file is in-scope for simplicity. + + &[data-bs-theme='dark'] { + // Dark mode values --nbx-trace-color: #{$white}; --nbx-trace-node-bg: #{$gray-900}; --nbx-trace-termination-bg: #{$gray-800}; diff --git a/netbox/project-static/styles/svg/rack_elevation.scss b/netbox/project-static/styles/svg/rack_elevation.scss index 424dd823e..f61081983 100644 --- a/netbox/project-static/styles/svg/rack_elevation.scss +++ b/netbox/project-static/styles/svg/rack_elevation.scss @@ -1,9 +1,13 @@ -@import '../old/theme-light'; +@import '../../node_modules/bootstrap/scss/functions'; +@import '../../node_modules/bootstrap/scss/variables'; +@import '../../node_modules/bootstrap/scss/variables-dark'; -// Rack Elevation Styles. +/* + * Rack elevation SVG styling + */ svg { - // Light Mode Variables. + // Light mode values --nbx-rack-bg: #{$gray-200}; --nbx-rack-border: #{$black}; --nbx-rack-slot-bg: #{$gray-200}; @@ -12,9 +16,8 @@ svg { --nbx-rack-link-color: #{$blue}; --nbx-rack-unit-color: #{$text-muted}; - &[data-netbox-color-mode='dark'] { - // Dark Mode Variables. - // Note: only the `theme-light.scss` file is in-scope for simplicity. + &[data-bs-theme='dark'] { + // Dark mode values --nbx-rack-bg: #{$gray-800}; --nbx-rack-border: #{$gray-600}; --nbx-rack-slot-bg: #{$gray-800}; @@ -41,7 +44,7 @@ svg { // Rack unit numbers along left side of rack elevation. .unit { margin: 0; - padding: 5px 0px; + padding: 5px 0; // Rack unit text color. fill: var(--nbx-rack-unit-color); }