mirror of
https://github.com/netbox-community/netbox.git
synced 2024-05-10 07:54:54 +00:00
fe54acef51
* Clean up nav menu spacing & link colors * Shrink NetBox icon & collapsed sidebar * Fix gap between scrollbar and righthand window border
152 lines
3.9 KiB
SCSS
152 lines
3.9 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';
|
|
|
|
// Make color palette colors available as theme colors.
|
|
// For example, you could use `.bg-red-100`, if needed.
|
|
$theme-color-addons: (
|
|
'darker': $darker,
|
|
'darkest': $darkest,
|
|
'gray': $gray-400,
|
|
'gray-100': $gray-100,
|
|
'gray-200': $gray-200,
|
|
'gray-300': $gray-300,
|
|
'gray-400': $gray-400,
|
|
'gray-500': $gray-500,
|
|
'gray-600': $gray-600,
|
|
'gray-700': $gray-700,
|
|
'gray-800': $gray-800,
|
|
'gray-900': $gray-900,
|
|
'red-100': $red-100,
|
|
'red-200': $red-200,
|
|
'red-300': $red-300,
|
|
'red-400': $red-400,
|
|
'red-500': $red-500,
|
|
'red-600': $red-600,
|
|
'red-700': $red-700,
|
|
'red-800': $red-800,
|
|
'red-900': $red-900,
|
|
'yellow-100': $yellow-100,
|
|
'yellow-200': $yellow-200,
|
|
'yellow-300': $yellow-300,
|
|
'yellow-400': $yellow-400,
|
|
'yellow-500': $yellow-500,
|
|
'yellow-600': $yellow-600,
|
|
'yellow-700': $yellow-700,
|
|
'yellow-800': $yellow-800,
|
|
'yellow-900': $yellow-900,
|
|
'green-100': $green-100,
|
|
'green-200': $green-200,
|
|
'green-300': $green-300,
|
|
'green-400': $green-400,
|
|
'green-500': $green-500,
|
|
'green-600': $green-600,
|
|
'green-700': $green-700,
|
|
'green-800': $green-800,
|
|
'green-900': $green-900,
|
|
'blue-100': $blue-100,
|
|
'blue-200': $blue-200,
|
|
'blue-300': $blue-300,
|
|
'blue-400': $blue-400,
|
|
'blue-500': $blue-500,
|
|
'blue-600': $blue-600,
|
|
'blue-700': $blue-700,
|
|
'blue-800': $blue-800,
|
|
'blue-900': $blue-900,
|
|
'cyan-100': $cyan-100,
|
|
'cyan-200': $cyan-200,
|
|
'cyan-300': $cyan-300,
|
|
'cyan-400': $cyan-400,
|
|
'cyan-500': $cyan-500,
|
|
'cyan-600': $cyan-600,
|
|
'cyan-700': $cyan-700,
|
|
'cyan-800': $cyan-800,
|
|
'cyan-900': $cyan-900,
|
|
'indigo-100': $indigo-100,
|
|
'indigo-200': $indigo-200,
|
|
'indigo-300': $indigo-300,
|
|
'indigo-400': $indigo-400,
|
|
'indigo-500': $indigo-500,
|
|
'indigo-600': $indigo-600,
|
|
'indigo-700': $indigo-700,
|
|
'indigo-800': $indigo-800,
|
|
'indigo-900': $indigo-900,
|
|
'purple-100': $purple-100,
|
|
'purple-200': $purple-200,
|
|
'purple-300': $purple-300,
|
|
'purple-400': $purple-400,
|
|
'purple-500': $purple-500,
|
|
'purple-600': $purple-600,
|
|
'purple-700': $purple-700,
|
|
'purple-800': $purple-800,
|
|
'purple-900': $purple-900,
|
|
'pink-100': $pink-100,
|
|
'pink-200': $pink-200,
|
|
'pink-300': $pink-300,
|
|
'pink-400': $pink-400,
|
|
'pink-500': $pink-500,
|
|
'pink-600': $pink-600,
|
|
'pink-700': $pink-700,
|
|
'pink-800': $pink-800,
|
|
'pink-900': $pink-900,
|
|
);
|
|
|
|
/* stylelint-disable */
|
|
$font-family-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
|
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
$font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
|
|
'Courier New', monospace;
|
|
/* stylelint-enable */
|
|
|
|
// 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;
|