Merge pull request #7287 from weseek/fix/bgcolor-blinked-section

fix: Color for blinked section

packages/preset-themes/src/styles/antarctic.scss

@@ -41,7 +41,7 @@
   --bgcolor-global-l: 97%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: #{$gray-50};
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 85%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 15%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/default.scss

@@ -22,7 +22,7 @@
   --bgcolor-global-l: 100%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: #{$gray-50};
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),90%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
   // --bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors
@@ -154,7 +154,7 @@
   --bgcolor-global-l: 8%;
   --bgcolor-inline-code: #1f1f22; //optional
   --bgcolor-card: #{hsl.darken(var(--bgcolor-global),5%)};
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 60%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
   --bgcolor-keyword-highlighted: #{darken($grw-marker-red, 30%)};
 
   // Font colors

packages/preset-themes/src/styles/fire-red.scss

@@ -21,7 +21,7 @@
   --bgcolor-global-l: 100%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: var(--accentcolor);
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),90%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/future.scss

@@ -23,7 +23,7 @@
   --bgcolor-global-l: var(--themecolor-l);
   --bgcolor-inline-code: #1f1f22; //optional
   --bgcolor-card: #{hsl.darken(var(--themecolor), 5%)};
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 60%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
   --bgcolor-keyword-highlighted: #{darken($grw-marker-red, 30%)};
 
   // Font colors

packages/preset-themes/src/styles/halloween.scss

@@ -30,7 +30,7 @@ $bordercolor: #7e0d7e;
   --bgcolor-global-l: 1%;
   --bgcolor-inline-code: #1f1f22; //optional
   --bgcolor-card: var(--bgcolor-global);
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 60%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
   --bgcolor-keyword-highlighted: darkviolet;
 
   // Font colors

packages/preset-themes/src/styles/island.scss

@@ -20,7 +20,7 @@
   --bgcolor-global-l: 90%;
   --bgcolor-card: #{$gray-50};
   --bgcolor-inline-code: #{$gray-100}; //optional
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 70%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 30%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/jade-green.scss

@@ -20,7 +20,7 @@
   --bgcolor-global-l: 100%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: var(--accentcolor);
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),90%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/kibela.scss

@@ -23,7 +23,7 @@
   --bgcolor-global-l: 96%;
   --bgcolor-inline-code: #{hsl.lighten(var(--subthemecolor), 70%)};
   --bgcolor-card: var(--lightthemecolor);
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),80%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),20%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/mono-blue.scss

@@ -21,7 +21,7 @@
   --bgcolor-global-l: 98%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),90%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/nature.scss

@@ -28,7 +28,7 @@
   --bgcolor-global-l: 99%;
   --bgcolor-inline-code: #{$gray-100}; //optional
   --bgcolor-card: #f1ffe4;
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 90%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 10%)};
   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
 
   // Font colors

packages/preset-themes/src/styles/wood.scss

@@ -40,7 +40,7 @@
   --bgcolor-global-hs: 0,0%;
   --bgcolor-global-l: 100%;
   --bgcolor-card: #ece8de;
-  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),70%)};
+  --bgcolor-blinked-section: #{hsl.alpha(var(--primary),30%)};
   --bgcolor-keyword-highlighted: #{$grw-marker-blue};
 
   // Font colors