Browse Source

Merge pull request #9102 from weseek/imprv/142193-153946-the-color-of-the-dropdown-list-when-it-is-clicked

imprv: The color of the dropdown list when it is activated
mergify[bot] 1 year ago
parent
commit
45a3b9f32a

+ 5 - 0
packages/core-styles/scss/bootstrap/theming/_dropdown-dark.scss

@@ -0,0 +1,5 @@
+@use '@growi/core-styles/scss/bootstrap/init' as bs;
+
+.dropdown-item:active{
+  --#{$prefix}dropdown-link-active-bg: var(--#{$prefix}gray-700);
+}

+ 6 - 0
packages/core-styles/scss/bootstrap/theming/_dropdown-light.scss

@@ -0,0 +1,6 @@
+@use '@growi/core-styles/scss/bootstrap/init' as bs;
+
+.dropdown-item:active{
+  --#{$prefix}dropdown-link-active-color: var(----#{$prefix}gray-600);
+  --#{$prefix}dropdown-link-active-bg: var(----#{$prefix}gray-200);
+}

+ 1 - 0
packages/core-styles/scss/bootstrap/theming/apply-dark.scss

@@ -5,3 +5,4 @@
 @import './pagination';
 @import './pagination';
 @import './progress';
 @import './progress';
 @import './list-group';
 @import './list-group';
+@import './dropdown-dark';

+ 1 - 0
packages/core-styles/scss/bootstrap/theming/apply-light.scss

@@ -5,3 +5,4 @@
 @import './pagination';
 @import './pagination';
 @import './progress';
 @import './progress';
 @import './list-group';
 @import './list-group';
+@import './dropdown-light';