mirror of
https://github.com/netbox-community/netbox.git
synced 2024-05-10 07:54:54 +00:00
073c2dc8ca
* Remove dark mode styling * Condense & rename light mode stylesheet * Upgrade to Bootstrap 5.3.2 * Swap out Bootstrap for Tabler; remove custom styling * Update base page layout for Tabler * Update login page * Bump node to v18 * Update button styles * Update object list view * Tweak navbar size * Clean up dashboard widgets * Ditch separate stylesheet for print media * Remove simplebar * Remove obsolete sidebar styling * Clean up object view template * Clean up object edit template * Standardize primary button sizing * Clean up object list styling * Add buttons for add & import to navigation menu * Fix global search bar * Fix slim-select form widget styling * Fix toast styling * Set base fonts * Clean up paginator styling * Clean up navigation menu group headings * Clean up footer links * Clean up card styles * Move SVG styles to a designated directory * Restructure SCSS files * Remove obsolete/redundant dependencies * Fix icon spacing * Update background color classes * Tweak banner & footer styling and spacing * Fix badge background colors in table content * Bump @types/bootstrap to 5.2.10 * Clean up form layouts * Fix object selector button style * Fix icon padding inside small buttons * Fix icon & badge spacing inside buttons and tabs * Hide paginator for empty pages * Fix hover color for list items (Tabler bug #1694) * Fix width of checkbox column in empty tables * Clean up bulk edit template * Fix border color of reslug button * Package & serve Google fonts locally * Fix tab styling * Reduce vetical space at top of dashboard * Remove obsolete content-wrapper template block * Fix icon spacing in dropdown menu items * Fix color label sizing * Separate bulk delete form & object list into tabs * Fix styling of filter group headings * Fix styling for object changelog & journal views * Standardize ordering & styling of action buttons * Fix designation of active menu item * Automatically expand menu section containing the active link * Clean up nav menu styling * Remove button colors; hide buttons except on hover/active * Highlight menu group containing the active item * Update & standardize alert styling * Refactor base templates to ensure consistent display of header content * Tweak styling for links inside badges * Clean up top menu * Fix JSON/YAML toggles for config context data * Fix object template header * Constrain tabs to container-xl; tweak header margins * Fix object identifier styling * Fix positioning of card header buttons * Remove padding from HTMX tables inside cards * Ensure consistent use of row headings in attribute tables * Remove padding surrounding tables inside cards * Remove obsolete CSS classes * Misc cleanup of old styling * Refactor 'controls' template block; ditch old classes * Fix login button sizing * Limit object edit form width * Append asterisk to required form field labels * Remove obsolete styling * Remove obsolete styling * Fix position of progress bar outside label * Fix alignment of delete button in report/script lists * Fix <pre> styling * Clean up page headers * Replace SVG icons with Material Design icons * Restore dark mode togle functionality * Fix top navbar background color under dark mode * Rebuild static assets
120 lines
2.8 KiB
SCSS
120 lines
2.8 KiB
SCSS
// 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;
|