From bcf9e51c79fc46a89b5d74d0a512990680767dc1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 31 May 2025 15:28:39 -0700 Subject: [PATCH] Remove some unused rgb vars --- scss/_root.scss | 37 ----------------------------------- scss/_variables.scss | 1 - site/src/scss/_content.scss | 4 ---- site/src/scss/_variables.scss | 14 ------------- 4 files changed, 56 deletions(-) diff --git a/scss/_root.scss b/scss/_root.scss index de03aca12f..4da23ce3a7 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -76,30 +76,13 @@ --#{$prefix}body-color: #{$body-color}; --#{$prefix}body-bg: #{$body-bg}; - // --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)}; - - // --#{$prefix}emphasis-color: #{$body-emphasis-color}; - // // --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)}; - - // --#{$prefix}secondary-color: #{$body-secondary-color}; - // // --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)}; - // --#{$prefix}secondary-bg: #{$body-secondary-bg}; - // // --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)}; - - // --#{$prefix}tertiary-color: #{$body-tertiary-color}; - // // --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)}; - // --#{$prefix}tertiary-bg: #{$body-tertiary-bg}; - // // --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)}; // scss-docs-end root-body-variables --#{$prefix}heading-color: #{$headings-color}; --#{$prefix}link-color: light-dark(var(--#{$prefix}primary-base), var(--#{$prefix}primary-text)); - // --#{$prefix}link-color-rgb: #{to-rgb($link-color)}; --#{$prefix}link-decoration: #{$link-decoration}; - --#{$prefix}link-hover-color: color-mix(in oklch, var(--#{$prefix}link-color) 90%, #000); - // --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)}; @if $link-hover-decoration != null { --#{$prefix}link-hover-decoration: #{$link-hover-decoration}; @@ -151,24 +134,6 @@ color-scheme: dark; // scss-docs-start root-dark-mode-vars - // --#{$prefix}body-color: #{$body-color-dark}; - // --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)}; - // --#{$prefix}body-bg: #{$body-bg-dark}; - // --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)}; - - // --#{$prefix}emphasis-color: #{$body-emphasis-color-dark}; - // --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)}; - - // --#{$prefix}secondary-color: #{$body-secondary-color-dark}; - // --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)}; - // --#{$prefix}secondary-bg: #{$body-secondary-bg-dark}; - // --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)}; - - // --#{$prefix}tertiary-color: #{$body-tertiary-color-dark}; - // --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)}; - // --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark}; - // --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)}; - // @each $color, $value in $theme-colors-text-dark { // --#{$prefix}#{$color}-text-emphasis: #{$value}; // } @@ -185,8 +150,6 @@ // --#{$prefix}link-color: #{$link-color-dark}; // --#{$prefix}link-hover-color: #{$link-hover-color-dark}; - // --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)}; - // --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)}; // --#{$prefix}code-color: #{$code-color-dark}; // --#{$prefix}highlight-color: #{$mark-color-dark}; diff --git a/scss/_variables.scss b/scss/_variables.scss index 7537a495d7..92f4cd2358 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -503,7 +503,6 @@ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; $btn-link-color: var(--#{$prefix}link-color) !default; $btn-link-hover-color: var(--#{$prefix}link-hover-color) !default; $btn-link-disabled-color: $gray-600 !default; -// $btn-link-focus-shadow-rgb: to-rgb(mix(color-contrast($link-color), $link-color, 15%)) !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: var(--#{$prefix}border-radius) !default; diff --git a/site/src/scss/_content.scss b/site/src/scss/_content.scss index 74da7d47ba..94f2554ef6 100644 --- a/site/src/scss/_content.scss +++ b/site/src/scss/_content.scss @@ -139,9 +139,7 @@ // scss-docs-start custom-color-mode [data-bs-theme="blue"] { --bs-body-color: var(--bs-white); - // --bs-body-color-rgb: #{to-rgb($white)}; --bs-body-bg: var(--bs-blue); - // --bs-body-bg-rgb: #{to-rgb($blue)}; --bs-tertiary-bg: #{$blue-600}; .dropdown-menu { @@ -257,9 +255,7 @@ // scss-docs-start custom-color-mode [data-bs-theme="blue"] { --bs-body-color: var(--bs-white); - // --bs-body-color-rgb: #{to-rgb($white)}; --bs-body-bg: var(--bs-blue); - // --bs-body-bg-rgb: #{to-rgb($blue)}; --bs-tertiary-bg: #{$blue-600}; .dropdown-menu { diff --git a/site/src/scss/_variables.scss b/site/src/scss/_variables.scss index 73b67ba0db..fea9f5d9ae 100644 --- a/site/src/scss/_variables.scss +++ b/site/src/scss/_variables.scss @@ -17,10 +17,6 @@ $bd-callout-variants: info, warning, danger !default; --bd-purple: #{$bd-purple}; --bd-violet: #{$bd-violet}; --bd-accent: #{$bd-accent}; - // --bd-violet-rgb: #{to-rgb($bd-violet)}; - // --bd-accent-rgb: #{to-rgb($bd-accent)}; - // --bd-pink-rgb: #{to-rgb($pink-500)}; - // --bd-teal-rgb: #{to-rgb($teal-500)}; --bd-violet-bg: var(--bd-violet); --bd-toc-color: light-dark(var(--bd-violet), var(--bs-indigo-300)); --bd-sidebar-link-bg: color-mix(in srgb, var(--bd-violet), transparent 90%); @@ -29,14 +25,4 @@ $bd-callout-variants: info, warning, danger !default; --bd-pre-bg: light-dark(var(--bs-gray-100), color-mix(in srgb, var(--bs-gray-900), var(--bs-black) 25%)); --bd-swatch-shadow: inset 0 0 0 1px light-dark(rgb(0 0 0 / .1), rgb(255 255 255 / .1)); } - - // @include color-mode(dark, true) { - // --bd-violet: #{mix($bd-violet, $white, 75%)}; - // --bd-violet-bg: #{$bd-violet}; - // --bd-toc-color: var(--#{$prefix}emphasis-color); - // --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5); - // --bd-callout-link: #{to-rgb($blue-300)}; - // --bd-callout-code-color: #{$pink-300}; - // --bd-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)}; // stylelint-disable-line scss/at-function-named-arguments - // } } -- 2.47.2