Use the primary element color in case it primary color is too bright

nickvergessen · rullzer · commit 31862da7b2dd · 2020-04-08T15:39:26.000+02:00
Signed-off-by: Joas Schilling &lt;coding@schilljs.com&gt;
diff --git a/core/css/apps.scss b/core/css/apps.scss
@@ -161,7 +161,7 @@ kbd {
 				&,
 				> a {
 					opacity: 1;
-					box-shadow: inset 4px 0 var(--color-primary);
+					box-shadow: inset 4px 0 var(--color-primary-element);
 				}
 			}
 
@@ -217,7 +217,7 @@ kbd {
 					}
 
 					&.active {
-						box-shadow: inset 4px 0 var(--color-primary);
+						box-shadow: inset 4px 0 var(--color-primary-element);
 					}
 
 					/* align loader */
@@ -740,7 +740,7 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width;
 	&.opened {
 		background-color: var(--color-main-background);
 		opacity: 1;
-		box-shadow: inset 4px 0 var(--color-primary);
+		box-shadow: inset 4px 0 var(--color-primary-element);
 	}
 }
 
diff --git a/core/css/header.scss b/core/css/header.scss
@@ -143,7 +143,7 @@
 					&:active,
 					&.active {
 						opacity: 1;
-						box-shadow: inset 4px 0 var(--color-primary);
+						box-shadow: inset 4px 0 var(--color-primary-element);
 					}
 					span {
 						display: inline-block;
diff --git a/core/src/jquery/css/jquery-ui-fixes.scss b/core/src/jquery/css/jquery-ui-fixes.scss
@@ -188,7 +188,7 @@
 			padding: 4px 4px 4px 14px;
 
 			&.ui-state-focus, &.ui-state-active {
-				box-shadow: inset 4px 0 var(--color-primary);
+				box-shadow: inset 4px 0 var(--color-primary-element);
 				color: var(--color-main-text);
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -161,7 +161,7 @@ kbd {`
`161`	`161`	`&,`
`162`	`162`	`> a {`
`163`	`163`	`opacity: 1;`
`164`		`- box-shadow: inset 4px 0 var(--color-primary);`
	`164`	`+ box-shadow: inset 4px 0 var(--color-primary-element);`
`165`	`165`	`}`
`166`	`166`	`}`
`167`	`167`
`@@ -217,7 +217,7 @@ kbd {`
`217`	`217`	`}`
`218`	`218`
`219`	`219`	`&.active {`
`220`		`- box-shadow: inset 4px 0 var(--color-primary);`
	`220`	`+ box-shadow: inset 4px 0 var(--color-primary-element);`
`221`	`221`	`}`
`222`	`222`
`223`	`223`	`/* align loader */`
`@@ -740,7 +740,7 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width;`
`740`	`740`	`&.opened {`
`741`	`741`	`background-color: var(--color-main-background);`
`742`	`742`	`opacity: 1;`
`743`		`- box-shadow: inset 4px 0 var(--color-primary);`
	`743`	`+ box-shadow: inset 4px 0 var(--color-primary-element);`
`744`	`744`	`}`
`745`	`745`	`}`
`746`	`746`
Original file line number	Diff line number	Diff line change
`@@ -143,7 +143,7 @@`
`143`	`143`	`&:active,`
`144`	`144`	`&.active {`
`145`	`145`	`opacity: 1;`
`146`		`- box-shadow: inset 4px 0 var(--color-primary);`
	`146`	`+ box-shadow: inset 4px 0 var(--color-primary-element);`
`147`	`147`	`}`
`148`	`148`	`span {`
`149`	`149`	`display: inline-block;`
Original file line number	Diff line number	Diff line change
`@@ -188,7 +188,7 @@`
`188`	`188`	`padding: 4px 4px 4px 14px;`
`189`	`189`
`190`	`190`	`&.ui-state-focus, &.ui-state-active {`
`191`		`- box-shadow: inset 4px 0 var(--color-primary);`
	`191`	`+ box-shadow: inset 4px 0 var(--color-primary-element);`
`192`	`192`	`color: var(--color-main-text);`
`193`	`193`	`}`
`194`	`194`	`}`