sora Posts - Answer Overflow

sora

Posts Comments

KPCKevin Powell - Community

•Created by sora on 3/10/2024 in #front-end

Is there a way to have bg-clip-text not cut off letters (eg: 'g') prematurely?

2 replies

KPCKevin Powell - Community

•Created by sora on 10/27/2023 in #front-end

How does Neetcode.io make the one way tree chart with arrows?

2 replies

KPCKevin Powell - Community

•Created by sora on 10/19/2023 in #front-end

Bootstrap 5.3 Override $primary in darkmode

I want to add dark mode support to my project. The problem I am experiencing now is that my main primary color #6174dd is being applied to bg-primary in dark mode and it's not pleasant on the eyes. I tried overriding primary-bg-subtle-dark, but that does not seem to be doing anything.

@import '~bootstrap/scss/functions';

$primary: #6174dd;
$premium: #ff9066;
$min-contrast-ratio: 3;

@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/variables-dark';

$primary-bg-subtle-dark: $danger;

$custom-colors: (
  'premium': $premium,
);

$theme-colors: map-merge($theme-colors, $custom-colors);

// this works, but I really do not want to define every class...
// [data-bs-theme="dark"] {
//   .bg-primary {
//     background-color: $info;
//   }
// }

@import '~bootstrap/scss/functions';

$primary: #6174dd;
$premium: #ff9066;
$min-contrast-ratio: 3;

@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/variables-dark';

$primary-bg-subtle-dark: $danger;

$custom-colors: (
  'premium': $premium,
);

$theme-colors: map-merge($theme-colors, $custom-colors);

// this works, but I really do not want to define every class...
// [data-bs-theme="dark"] {
//   .bg-primary {
//     background-color: $info;
//   }
// }

1 replies

KPCKevin Powell - Community

•Created by sora on 2/8/2023 in #front-end

Why isn't my last child of nav-link being pushed to the bottom? Would also love some critiques!

https://jsfiddle.net/2rsnbkyo/1/

4 replies

Gaming

Programming