Condense & rename light mode stylesheet

This commit is contained in:
Jeremy Stretch 2023-12-29 12:35:52 -05:00
parent edcdc90911
commit 6b61b22fff
6 changed files with 55 additions and 59 deletions

View File

@ -74,8 +74,7 @@ async function bundleStyles() {
try { try {
const entryPoints = { const entryPoints = {
'netbox-external': 'styles/_external.scss', 'netbox-external': 'styles/_external.scss',
'netbox-light': 'styles/_light.scss', 'netbox': 'styles/_netbox.scss',
// 'netbox-dark': 'styles/_dark.scss',
'netbox-print': 'styles/_print.scss', 'netbox-print': 'styles/_print.scss',
rack_elevation: 'styles/_rack_elevation.scss', rack_elevation: 'styles/_rack_elevation.scss',
cable_trace: 'styles/_cable_trace.scss', cable_trace: 'styles/_cable_trace.scss',

BIN
netbox/project-static/dist/netbox.css vendored Normal file

Binary file not shown.

View File

@ -1,54 +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';
// 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;

View File

@ -1,6 +1,57 @@
// Light Mode Theme Variables and Overrides. // Base NetBox Theme Overrides and Settings - color mode agnostic.
@import './theme-base.scss'; @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';
// 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) // Theme colors (BS5 classes)
$primary: #337ab7; $primary: #337ab7;

View File

@ -49,7 +49,7 @@
<link <link
rel="stylesheet" rel="stylesheet"
href="{% static 'netbox-light.css'%}?v={{ settings.VERSION }}" href="{% static 'netbox-light.css'%}?v={{ settings.VERSION }}"
onerror="window.location='{% url 'media_failure' %}?filename=netbox-light.css'" onerror="window.location='{% url 'media_failure' %}?filename=netbox.css'"
/> />
<link <link
rel="stylesheet" rel="stylesheet"