Update selected tab gradient colors

This commit is contained in:
EliverLara
2020-03-14 13:55:48 -06:00
parent 0e91784867
commit 1bfd9409fa
3 changed files with 10 additions and 10 deletions

View File

@@ -30,8 +30,8 @@ $selected_borders_color: darken($selected_bg_color, 10%);
$borders_color: if($variant == 'light', transparentize(black,0.87), transparentize(#0C0E15,0.2));
$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
$selected-tab-gradient-start: #fed349;
$selected-tab-gradient-end: #ff7800;
$selected-tab-gradient-start: #00c6ff;
$selected-tab-gradient-end: $selected_bg_color;
$link_color: $blue;
$link_visited_color:transparentize($link_color,0.5);

View File

@@ -3070,7 +3070,7 @@ notebook > header {
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #141721 no-repeat;
background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #141721 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.bottom {
@@ -3080,7 +3080,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #141721 no-repeat;
background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #141721 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.left {
@@ -3090,7 +3090,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #141721 no-repeat;
background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #141721 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.right {
@@ -3100,7 +3100,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #141721 no-repeat;
background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #141721 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.top > tabs > arrow {

View File

@@ -3077,7 +3077,7 @@ notebook > header {
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #e4e5e6 no-repeat;
background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #e4e5e6 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.bottom {
@@ -3087,7 +3087,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background: linear-gradient(to right, #fed349, #ff7800) left bottom #e4e5e6 no-repeat;
background: linear-gradient(to right, #00c6ff, #0072ff) left bottom #e4e5e6 no-repeat;
background-size: 100% 2px;
border: 0; }
notebook > header.left {
@@ -3097,7 +3097,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e4e5e6 no-repeat;
background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #e4e5e6 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.right {
@@ -3107,7 +3107,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e4e5e6 no-repeat;
background: linear-gradient(to bottom, #00c6ff, #0072ff) left bottom #e4e5e6 no-repeat;
background-size: 2px 100%;
border: 0; }
notebook > header.top > tabs > arrow {