From ae4f4b052ec3443e979bf9343da7582523de6941 Mon Sep 17 00:00:00 2001 From: checktheroads Date: Wed, 21 Jul 2021 15:33:07 -0700 Subject: [PATCH] Minor theme improvements --- netbox/project-static/dist/cable_trace.css | Bin 1006 -> 1097 bytes .../project-static/dist/cable_trace.css.map | 2 +- netbox/project-static/dist/netbox-dark.css | Bin 663479 -> 673148 bytes .../project-static/dist/netbox-dark.css.map | 2 +- netbox/project-static/dist/netbox-light.css | Bin 394941 -> 400201 bytes .../project-static/dist/netbox-light.css.map | 2 +- .../dist/rack_elevation.css.map | 2 +- netbox/project-static/styles/cable-trace.scss | 15 +++++-- netbox/project-static/styles/netbox.scss | 37 ++++++++++++++---- netbox/project-static/styles/theme-base.scss | 5 +++ netbox/project-static/styles/theme-dark.scss | 4 +- 11 files changed, 53 insertions(+), 16 deletions(-) diff --git a/netbox/project-static/dist/cable_trace.css b/netbox/project-static/dist/cable_trace.css index 6fe9a8de227e05e638143b299994427ef205269c..570d899d0eb7adf2055a4ff6cbd42acc70487548 100644 GIT binary patch delta 99 zcmaFIev(7hswh9dq*_-uFR4Peq$n{tRW~_5C%?!_*}%ZSdLr98ZYVb`EzNr4ihf27 gtGxUYjp($@oSazAY7k{rmRO{LVSwglBc?r!0Nq?7_y7O^ delta 23 fcmX@f@s6F%swh9dqmr diff --git a/netbox/project-static/dist/cable_trace.css.map b/netbox/project-static/dist/cable_trace.css.map index ff07403aa..4ac1b1804 100644 --- a/netbox/project-static/dist/cable_trace.css.map +++ b/netbox/project-static/dist/cable_trace.css.map @@ -1 +1 @@ -{"version":3,"sources":["cable-trace.scss","theme-base.scss"],"names":[],"mappings":"AAEA,MAEE,2BAAA,CACA,kCAAA,CACA,gCAAA,CACA,+BACA,mCAGE,2BAAA,CACA,kCAAA,CACA,gCAAA,CACA,+BAIJ,EACE,sMCoGuB,CDnGvB,kBAEF,KACE,kBAAA,CACA,yBAEF,UACE,gBAKA,SACE,6BAAA,CACA,+BAAA,CACA,eACA,sBACE,qCAKJ,oBACE,kBAEF,SACE,iBAEF,sBACE,oCAAA,CACA,iBAEF,oBACE,kCAAA,CACA","file":"cable_trace.css","sourceRoot":"../styles","sourcesContent":["// Cable Trace Styles.\n\n:root {\n // Light Mode Variables.\n --nbx-trace-node-bg: #{$gray-200};\n --nbx-trace-termination-bg: #{$gray-100};\n --nbx-trace-cable-shadow: #{$gray-800};\n --nbx-trace-attachment: #{$gray-400};\n &[data-netbox-color-mode='dark'] {\n // Dark Mode Variables.\n // Note: only the `theme-light.scss` file is in-scope for simplicity.\n --nbx-trace-node-bg: #{$gray-900};\n --nbx-trace-termination-bg: #{$gray-800};\n --nbx-trace-cable-shadow: #{$gray-200};\n --nbx-trace-attachment: #{$gray-600};\n }\n}\n\n* {\n font-family: $font-family-sans-serif;\n font-size: $font-size-sm;\n}\ntext {\n text-anchor: middle;\n dominant-baseline: middle;\n}\ntext.bold {\n font-weight: bold;\n}\n\nsvg {\n /* Boxes */\n rect {\n fill: var(--nbx-trace-node-bg);\n stroke: var(--nbx-trace-node-bg);\n stroke-width: 1;\n .termination {\n fill: var(--nbx-trace-termination-bg);\n }\n }\n\n /* Connectors */\n .connector text {\n text-anchor: start;\n }\n line {\n stroke-width: 5px;\n }\n line.cable-shadow {\n stroke: var(--nbx-trace-cable-shadow);\n stroke-width: 7px;\n }\n line.attachment {\n stroke: var(--nbx-trace-attachment);\n stroke-dasharray: 5px, 5px;\n }\n}\n","// Base NetBox Theme Overrides and Settings - color mode agnostic.\n\n@import 'bootstrap/scss/functions';\n\n$card-cap-bg: 'unset';\n\n$border-radius-md: 0.375rem;\n$border-radius-lg: 0.5rem;\n$border-radius-xl: 0.75rem;\n$border-radius-2xl: 1.5rem;\n\n$border-radius: $border-radius-lg;\n\n$border-radius-sm: $border-radius;\n$border-radius-lg: $border-radius-xl;\n\n$badge-border-radius: $border-radius-md;\n$progress-border-radius: $border-radius-md;\n\n$font-weight-lighter: 200;\n$font-weight-medium: 600;\n$font-weight-bolder: 800;\n\n$font-size-xs: 0.75rem;\n\n$line-height-base: 1.5;\n$line-height-xs: 1;\n$line-height-sm: 1.25;\n$line-height-lg: 1.75;\n\n@import 'bootstrap/scss/variables';\n\n// Make color palette colors available as theme colors.\n// For example, you could use `.bg-red-100`, if needed.\n$theme-color-addons: (\n 'gray': $gray-400,\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'red-100': $red-100,\n 'red-200': $red-200,\n 'red-300': $red-300,\n 'red-400': $red-400,\n 'red-500': $red-500,\n 'red-600': $red-600,\n 'red-700': $red-700,\n 'red-800': $red-800,\n 'red-900': $red-900,\n 'yellow-100': $yellow-100,\n 'yellow-200': $yellow-200,\n 'yellow-300': $yellow-300,\n 'yellow-400': $yellow-400,\n 'yellow-500': $yellow-500,\n 'yellow-600': $yellow-600,\n 'yellow-700': $yellow-700,\n 'yellow-800': $yellow-800,\n 'yellow-900': $yellow-900,\n 'green-100': $green-100,\n 'green-200': $green-200,\n 'green-300': $green-300,\n 'green-400': $green-400,\n 'green-500': $green-500,\n 'green-600': $green-600,\n 'green-700': $green-700,\n 'green-800': $green-800,\n 'green-900': $green-900,\n 'blue-100': $blue-100,\n 'blue-200': $blue-200,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n 'cyan-100': $cyan-100,\n 'cyan-200': $cyan-200,\n 'cyan-300': $cyan-300,\n 'cyan-400': $cyan-400,\n 'cyan-500': $cyan-500,\n 'cyan-600': $cyan-600,\n 'cyan-700': $cyan-700,\n 'cyan-800': $cyan-800,\n 'cyan-900': $cyan-900,\n 'indigo-100': $indigo-100,\n 'indigo-200': $indigo-200,\n 'indigo-300': $indigo-300,\n 'indigo-400': $indigo-400,\n 'indigo-500': $indigo-500,\n 'indigo-600': $indigo-600,\n 'indigo-700': $indigo-700,\n 'indigo-800': $indigo-800,\n 'indigo-900': $indigo-900,\n 'purple-100': $purple-100,\n 'purple-200': $purple-200,\n 'purple-300': $purple-300,\n 'purple-400': $purple-400,\n 'purple-500': $purple-500,\n 'purple-600': $purple-600,\n 'purple-700': $purple-700,\n 'purple-800': $purple-800,\n 'purple-900': $purple-900,\n 'pink-100': $pink-100,\n 'pink-200': $pink-200,\n 'pink-300': $pink-300,\n 'pink-400': $pink-400,\n 'pink-500': $pink-500,\n 'pink-600': $pink-600,\n 'pink-700': $pink-700,\n 'pink-800': $pink-800,\n 'pink-900': $pink-900,\n);\n\n$font-family-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n$font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$accordion-padding-y: 0.8125rem;\n$accordion-padding-x: 0.8125rem;\n\n$sidebar-width: 280px;\n$sidebar-bottom-height: 4rem;\n"]} \ No newline at end of file +{"version":3,"sources":["cable-trace.scss","theme-base.scss"],"names":[],"mappings":"AAEA,MAEE,sBAAA,CACA,2BAAA,CACA,kCAAA,CACA,gCAAA,CACA,+BACA,mCAGE,sBAAA,CACA,2BAAA,CACA,kCAAA,CACA,gCAAA,CACA,+BAIJ,EACE,sMCuGuB,CDtGvB,kBAGF,KACE,kBAAA,CACA,yBAEA,iBAEE,4BAGF,UACE,gBAMF,SACE,6BAAA,CACA,+BAAA,CACA,eACA,sBACE,qCAKJ,oBACE,kBAEF,SACE,iBAEF,sBACE,oCAAA,CACA,iBAEF,oBACE,kCAAA,CACA","file":"cable_trace.css","sourceRoot":"../styles","sourcesContent":["// Cable Trace Styles.\n\n:root {\n // Light Mode Variables.\n --nbx-trace-color: #{$black};\n --nbx-trace-node-bg: #{$gray-200};\n --nbx-trace-termination-bg: #{$gray-100};\n --nbx-trace-cable-shadow: #{$gray-800};\n --nbx-trace-attachment: #{$gray-400};\n &[data-netbox-color-mode='dark'] {\n // Dark Mode Variables.\n // Note: only the `theme-light.scss` file is in-scope for simplicity.\n --nbx-trace-color: #{$white};\n --nbx-trace-node-bg: #{$gray-900};\n --nbx-trace-termination-bg: #{$gray-800};\n --nbx-trace-cable-shadow: #{$gray-200};\n --nbx-trace-attachment: #{$gray-600};\n }\n}\n\n* {\n font-family: $font-family-sans-serif;\n font-size: $font-size-sm;\n}\n\ntext {\n text-anchor: middle;\n dominant-baseline: middle;\n\n &:not([fill]) {\n // Fill text with body color when a fill attribute is not set via element attributes.\n fill: var(--nbx-trace-color);\n }\n\n &.bold {\n font-weight: $font-weight-bold;\n }\n}\n\nsvg {\n /* Boxes */\n rect {\n fill: var(--nbx-trace-node-bg);\n stroke: var(--nbx-trace-node-bg);\n stroke-width: 1;\n .termination {\n fill: var(--nbx-trace-termination-bg);\n }\n }\n\n /* Connectors */\n .connector text {\n text-anchor: start;\n }\n line {\n stroke-width: 5px;\n }\n line.cable-shadow {\n stroke: var(--nbx-trace-cable-shadow);\n stroke-width: 7px;\n }\n line.attachment {\n stroke: var(--nbx-trace-attachment);\n stroke-dasharray: 5px, 5px;\n }\n}\n","// Base NetBox Theme Overrides and Settings - color mode agnostic.\n\n@import 'bootstrap/scss/functions';\n\n$card-cap-bg: 'unset';\n\n$border-radius-md: 0.375rem;\n$border-radius-lg: 0.5rem;\n$border-radius-xl: 0.75rem;\n$border-radius-2xl: 1.5rem;\n\n$border-radius: $border-radius-lg;\n\n$border-radius-sm: $border-radius;\n$border-radius-lg: $border-radius-xl;\n\n$badge-border-radius: $border-radius-md;\n$progress-border-radius: $border-radius-md;\n\n$font-weight-lighter: 200;\n$font-weight-medium: 600;\n$font-weight-bolder: 800;\n\n$font-size-xs: 0.75rem;\n\n$line-height-base: 1.5;\n$line-height-xs: 1;\n$line-height-sm: 1.25;\n$line-height-lg: 1.75;\n\n$darker: #1b1f22;\n$darkest: #171b1d;\n\n@import 'bootstrap/scss/variables';\n\n// Make color palette colors available as theme colors.\n// For example, you could use `.bg-red-100`, if needed.\n$theme-color-addons: (\n 'darker': $darker,\n 'darkest': $darkest,\n 'gray': $gray-400,\n 'gray-100': $gray-100,\n 'gray-200': $gray-200,\n 'gray-300': $gray-300,\n 'gray-400': $gray-400,\n 'gray-500': $gray-500,\n 'gray-600': $gray-600,\n 'gray-700': $gray-700,\n 'gray-800': $gray-800,\n 'gray-900': $gray-900,\n 'red-100': $red-100,\n 'red-200': $red-200,\n 'red-300': $red-300,\n 'red-400': $red-400,\n 'red-500': $red-500,\n 'red-600': $red-600,\n 'red-700': $red-700,\n 'red-800': $red-800,\n 'red-900': $red-900,\n 'yellow-100': $yellow-100,\n 'yellow-200': $yellow-200,\n 'yellow-300': $yellow-300,\n 'yellow-400': $yellow-400,\n 'yellow-500': $yellow-500,\n 'yellow-600': $yellow-600,\n 'yellow-700': $yellow-700,\n 'yellow-800': $yellow-800,\n 'yellow-900': $yellow-900,\n 'green-100': $green-100,\n 'green-200': $green-200,\n 'green-300': $green-300,\n 'green-400': $green-400,\n 'green-500': $green-500,\n 'green-600': $green-600,\n 'green-700': $green-700,\n 'green-800': $green-800,\n 'green-900': $green-900,\n 'blue-100': $blue-100,\n 'blue-200': $blue-200,\n 'blue-300': $blue-300,\n 'blue-400': $blue-400,\n 'blue-500': $blue-500,\n 'blue-600': $blue-600,\n 'blue-700': $blue-700,\n 'blue-800': $blue-800,\n 'blue-900': $blue-900,\n 'cyan-100': $cyan-100,\n 'cyan-200': $cyan-200,\n 'cyan-300': $cyan-300,\n 'cyan-400': $cyan-400,\n 'cyan-500': $cyan-500,\n 'cyan-600': $cyan-600,\n 'cyan-700': $cyan-700,\n 'cyan-800': $cyan-800,\n 'cyan-900': $cyan-900,\n 'indigo-100': $indigo-100,\n 'indigo-200': $indigo-200,\n 'indigo-300': $indigo-300,\n 'indigo-400': $indigo-400,\n 'indigo-500': $indigo-500,\n 'indigo-600': $indigo-600,\n 'indigo-700': $indigo-700,\n 'indigo-800': $indigo-800,\n 'indigo-900': $indigo-900,\n 'purple-100': $purple-100,\n 'purple-200': $purple-200,\n 'purple-300': $purple-300,\n 'purple-400': $purple-400,\n 'purple-500': $purple-500,\n 'purple-600': $purple-600,\n 'purple-700': $purple-700,\n 'purple-800': $purple-800,\n 'purple-900': $purple-900,\n 'pink-100': $pink-100,\n 'pink-200': $pink-200,\n 'pink-300': $pink-300,\n 'pink-400': $pink-400,\n 'pink-500': $pink-500,\n 'pink-600': $pink-600,\n 'pink-700': $pink-700,\n 'pink-800': $pink-800,\n 'pink-900': $pink-900,\n);\n\n$font-family-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n$font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace;\n\n$accordion-padding-y: 0.8125rem;\n$accordion-padding-x: 0.8125rem;\n\n$sidebar-width: 280px;\n$sidebar-bottom-height: 4rem;\n"]} \ No newline at end of file diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css index b4cbcf85bcd09ef61b792dad1538666c9098dc37..680cc3db2350ec2a96430229ac1ed0eb228c019b 100644 GIT binary patch delta 2862 zcmai0Uu;uV7|*%)o_l*n28?xM9b>d?E8A#UZ`XBeJGK>u6Ct|sM?^y8cI|)&8*LY2 zLNpRgNQ}f0GQI>~HX^(TN;Bm~VUtLDe=woK&U?N2pjMwhNgYSPHOp30olr7n$&+3|Df^0#KLER#`gW+$3? zsrmqdK~uvs_mryEwU&FdK~Lx-!C=hqPh|atIJ($Lmru=YFy}U)?>iK>4)aH4H$2~s zs}vRjaktc3s0rvpxzR;q3_Tf3jAfFkjDL9S$XJFZ3hNQbxuuwu<7`A0L4%*6##M_3 z=?O@8qk1i@`@$W*Frd?QDNbG#ol3&mo1(a27iu9nuQ zT|U+a+&qSQMI>WbD2!q`l^y3CTkU1f??(aQz<91@SUO7q>J)bvjLoQskTESH8P!5z zTnmMfEfi0M;C$Jj>MuUNk(m5C+~XN|;>RPuyAE-UdvUuj*y)4#0O~8rDOeRTT*&X0tvj$&7(oM*?MC7oh}p|7zMZe--% z(`N=``YGm_0et1f71qTq_z&pqFuzf)awYX-Fxg&m0uzbEFx-7enqcBG*6h22;P7=qzh#&PalylQl2g_z0`w_*qF4G%a{yxQQ7Z zX6!s}JOopZv9gpNFngwK%$Q?_>D>~=_n5Xj_z1fur_?Bq;2QKbs7n=HL?nh2$poNA zwL|#yxR_ZFmB8dNLl?1^r~c3O6xJS~XdxM!wfH}H2hUtkTySk41waYW!847W3I$ML z^v-QuvCy>!4!o**YnZEEf`t=0-9%4wpQJj?;V1a=@1+}AcvLCe`zm3l+4xg!t1Ud! zhsKUC;E%s)kbk1KI15jy(425#Rtt+J*owk?qoo2cWoqi_<<~WH`E|#`U20Gdb_64kb`WQI zq54SINMyudORLRoONi!x_gw^=_iM-x*u-w~F)~*+kS~#0?j@U%T{ymjblS2fOoG-Q z1zJJE)~%agNs5@5vjE7vt;j6&)sl8$pdqd2UnWHS0Ih=qZsI7~QzRs8UYKhj%Z07N zOZ*FLfhIzPZP{y>66+)tFk49!b6+JniD{iB=B;|thG4=+oTlj^g9vC?xp}*h5Cjcr z5;F(ak-A%Um&PMfqggLj2t1^0yC{&aE_12;0*i11^!-Ka9D6{tKeH4PvqESO6w}H>4vaR5MjlVLOry-!&qX;cYUQMseacxJ zXsjJRG9otzPX{Yf#y^0Qi-X@dyzAYockkEFrj0JFTWQSaq#@HHhFQW_Z%b!VMFk=< zud>3vZgG;u$#O1?t}q@Csf0hoYiUJ^f)UHN9f~7G%es|ou1QyS-VLzNP-qkmFxyc-iHoatAp ov2~xBaBV|$pk-PV :last-child {\n margin-bottom: 0;\n }\n}\n\n.blockquote-footer {\n margin-top: -$blockquote-margin-y;\n margin-bottom: $blockquote-margin-y;\n @include font-size($blockquote-footer-font-size);\n color: $blockquote-footer-color;\n\n &::before {\n content: \"\\2014\\00A0\"; // em dash, nbsp\n }\n}\n","// Dark Mode Theme Variables and Overrides.\n\n@use 'sass:map';\n@import './theme-base.scss';\n\n$primary: $blue-300;\n$secondary: $gray-500;\n$success: $green-300;\n$info: $cyan-300;\n$warning: $yellow-300;\n$danger: $red-300;\n$light: $gray-300;\n$dark: $gray-500;\n\n$theme-colors: (\n 'primary': $primary,\n 'secondary': $secondary,\n 'success': $success,\n 'info': $info,\n 'warning': $warning,\n 'danger': $danger,\n 'light': $light,\n 'dark': $dark,\n);\n\n$theme-colors: map-merge($theme-colors, $theme-color-addons);\n\n// Gradient\n$gradient: linear-gradient(180deg, rgba($white, 0.15), rgba($white, 0));\n\n// Body\n$body-bg: #1b1f22;\n$body-color: $white;\n$body-text-align: null;\n$border-color: $gray-700;\n$box-shadow: 0 0.5rem 1rem rgba($black, 0.15);\n$box-shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075);\n$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175);\n$box-shadow-inset: inset 0 1px 2px rgba($black, 0.075);\n$text-muted: $gray-400;\n$blockquote-footer-color: $gray-600;\n$mark-bg: #fcf8e3;\n$link-color: $blue-200;\n$link-hover-color: $blue-100;\n\n// Tables\n$table-color: $gray-100;\n$table-border-color: $border-color;\n$table-striped-color: $table-color;\n$table-striped-bg: rgba($white, $table-striped-bg-factor);\n$table-active-color: $table-color;\n$table-active-bg: rgba($white, $table-active-bg-factor);\n$table-hover-color: $table-color;\n$table-hover-bg: rgba($white, $table-hover-bg-factor);\n$table-flush-header-bg: $gray-700;\n\n// Buttons\n$btn-box-shadow: inset 0 1px 0 rgba($black, 0.15), 0 1px 1px rgba($white, 0.075);\n$btn-active-box-shadow: inset 0 3px 5px rgba($white, 0.125);\n$btn-link-disabled-color: $gray-300;\n\n// Forms\n$component-active-bg: $primary;\n$form-text-color: $text-muted;\n$input-bg: $gray-900;\n$input-disabled-bg: $gray-700;\n$input-color: $gray-100;\n$input-border-color: $gray-700;\n$input-focus-bg: $input-bg;\n$input-focus-border-color: tint-color($component-active-bg, 10%);\n$input-focus-color: $input-color;\n$input-placeholder-color: $gray-300;\n$input-plaintext-color: $body-color;\n\n$form-check-input-active-filter: brightness(90%);\n$form-check-input-bg: $input-bg;\n$form-check-input-border: 1px solid rgba(255, 255, 255, 0.25);\n$form-check-input-checked-color: $component-active-color;\n$form-check-input-checked-bg-color: $component-active-bg;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color;\n$form-check-input-indeterminate-color: $component-active-color;\n$form-check-input-indeterminate-bg-color: $component-active-bg;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color;\n\n$form-switch-color: rgba(255, 255, 255, 0.25);\n$form-switch-focus-color: $input-focus-border-color;\n$form-switch-checked-color: $component-active-color;\n\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $gray-700;\n$input-group-addon-border-color: $input-border-color;\n\n$form-select-color: $input-color;\n$form-select-disabled-color: $gray-700;\n$form-select-bg: $input-bg;\n$form-select-disabled-bg: $input-disabled-bg;\n$form-select-indicator-color: $form-select-color;\n$form-select-indicator: url(\"data:image/svg+xml,\");\n\n$form-select-border-color: $input-border-color;\n$form-range-track-bg: $gray-300;\n\n$form-range-thumb-bg: $component-active-bg;\n$form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1);\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow;\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%);\n$form-range-thumb-disabled-bg: $gray-500;\n\n$form-file-button-color: $input-color;\n$form-file-button-bg: $input-group-addon-bg;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%);\n\n$form-feedback-valid-color: $success;\n$form-feedback-invalid-color: $danger;\n\n// Navs\n$nav-link-color: $body-color;\n$nav-link-hover-color: null;\n$nav-link-disabled-color: $gray-800;\n$nav-tabs-border-color: $border-color;\n$nav-tabs-link-hover-border-color: rgba($gray-800, 0.5) rgba($gray-800, 0.5) $nav-tabs-border-color;\n$nav-tabs-link-active-color: $gray-100;\n$nav-tabs-link-active-bg: $body-bg;\n$nav-tabs-link-active-border-color: $gray-800 $gray-800 $nav-tabs-link-active-bg;\n$nav-pills-link-active-color: $component-active-color;\n$nav-pills-link-active-bg: $component-active-bg;\n\n$navbar-light-color: $gray-500;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\");\n$navbar-light-toggler-border-color: $gray-700;\n\n// Dropdowns\n$dropdown-color: $body-color;\n$dropdown-bg: $gray-900;\n$dropdown-border-color: rgba($white, 0.15);\n$dropdown-link-color: $gray-100;\n$dropdown-link-hover-color: $white;\n$dropdown-link-hover-bg: $gray-600;\n$dropdown-link-disabled-color: $gray-800;\n$dropdown-header-color: $gray-600;\n\n// Pagination\n$pagination-color: $link-color;\n$pagination-bg: $gray-800;\n$pagination-border-color: $gray-600;\n$pagination-focus-color: $link-hover-color;\n$pagination-focus-bg: $gray-400;\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $gray-400;\n$pagination-hover-border-color: $gray-500;\n$pagination-active-color: $component-active-color;\n$pagination-active-bg: $component-active-bg;\n$pagination-active-border-color: $pagination-active-bg;\n$pagination-disabled-color: $gray-600;\n$pagination-disabled-bg: $gray-800;\n$pagination-disabled-border-color: $gray-600;\n\n// Cards\n$card-border-color: rgba($white, 0.125);\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width);\n\n$card-cap-color: null;\n$card-height: null;\n$card-color: null;\n$card-bg: $gray-900;\n\n// Accordion\n$accordion-color: $body-color;\n$accordion-bg: transparent;\n$accordion-border-color: $border-color;\n$accordion-button-color: $accordion-color;\n$accordion-button-bg: $accordion-bg;\n$accordion-body-active-bg: rgba($blue-300, 0.2);\n$accordion-button-active-bg: rgba($blue-300, 0.25);\n$accordion-button-active-color: $gray-300;\n$accordion-button-focus-border-color: $input-focus-border-color;\n$accordion-icon-color: $accordion-color;\n$accordion-icon-active-color: $accordion-button-active-color;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\");\n$accordion-button-active-icon: url(\"data:image/svg+xml,\");\n\n// Tooltips\n$tooltip-color: $body-color;\n$tooltip-bg: $gray-700;\n$tooltip-arrow-color: $tooltip-bg;\n$form-feedback-tooltip-opacity: $tooltip-opacity;\n\n// Popovers\n$popover-bg: $gray-700;\n$popover-border-color: rgba($white, 0.2);\n$popover-header-bg: shade-color($popover-bg, 6%);\n$popover-header-color: $headings-color;\n$popover-body-color: $body-color;\n$popover-arrow-color: $popover-bg;\n$popover-arrow-outer-color: fade-in($popover-border-color, 0.05);\n\n// Toasts\n$toast-color: null;\n$toast-background-color: rgba($white, 0.85);\n$toast-border-color: rgba(0, 0, 0, 0.1);\n$toast-header-color: $gray-600;\n$toast-header-background-color: rgba($white, 0.85);\n$toast-header-border-color: rgba(0, 0, 0, 0.05);\n\n// Badges\n$badge-color: $white;\n\n// Modals\n$modal-content-color: null;\n$modal-content-bg: $gray-800;\n$modal-content-border-color: rgba($white, 0.2);\n$modal-backdrop-bg: $black;\n$modal-header-border-color: $border-color;\n$modal-footer-border-color: $modal-header-border-color;\n\n// Progress bars\n$progress-bg: $gray-600;\n$progress-bar-color: $white;\n$progress-bar-bg: $primary;\n\n// List group\n$list-group-color: $body-color;\n$list-group-bg: $card-bg;\n$list-group-border-color: rgba($white, 0.125);\n$list-group-hover-bg: rgba($gray-100, 0.15);\n$list-group-active-color: $component-active-color;\n$list-group-active-bg: $component-active-bg;\n$list-group-active-border-color: $list-group-active-bg;\n$list-group-disabled-bg: $list-group-bg;\n$list-group-action-color: $gray-300;\n$list-group-action-hover-color: $body-color;\n$list-group-action-active-color: $body-color;\n$list-group-action-active-bg: rgba($gray-300, 0.125);\n\n// Image thumbnails\n$thumbnail-bg: $body-bg;\n$thumbnail-border-color: $gray-300;\n\n// Figures\n$figure-caption-color: $gray-600;\n\n// Breadcrumbs\n$breadcrumb-divider-color: $gray-100;\n$breadcrumb-active-color: $body-color;\n$breadcrumb-divider-flipped: $breadcrumb-divider;\n$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='#{$breadcrumb-divider-color}'/%3E%3C/svg%3E\");\n\n// Carousel\n$carousel-control-color: $white;\n$carousel-indicator-active-bg: $white;\n$carousel-caption-color: $white;\n$carousel-dark-indicator-active-bg: $black;\n$carousel-dark-caption-color: $black;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100);\n\n// Close\n$btn-close-color: $white;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);\n\n$btn-close-bg: url(\"data:image/svg+xml,\");\n\n@each $color, $value in $theme-colors {\n .bg-#{$color} button.btn-close {\n background: url(\"data:image/svg+xml,\");\n }\n}\n\n// Code\n$code-color: $gray-200;\n$kbd-color: $white;\n$kbd-bg: $gray-300;\n$pre-color: null;\n\n// Tabbed content\n$tab-content-bg: $gray-900;\n",":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n font-size: $font-size-root;\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: $body-text-align;\n background-color: $body-bg; // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`