Merge pull request #3336 from hendrixet/color_contrast

takluyver · web-flow · commit 25c628c1f595 · 2018-02-14T11:24:26.000Z
fixed color contrast issue in tree.less
diff --git a/notebook/static/tree/less/tree.less b/notebook/static/tree/less/tree.less
@@ -1,4 +1,3 @@
-
 /**
  * Primary styles
  *
@@ -41,7 +40,7 @@ ul.breadcrumb {
         font-size: 16px;
         margin-right: 4px;
     }
-    
+
     span {
         color: @dark_dashboard_color;
     }
@@ -155,7 +154,7 @@ ul.breadcrumb {
 }
 
 .item_icon {
-    font-size: 14px; 
+    font-size: 14px;
     color: @dark_dashboard_color;
     margin-right: @dashboard_lr_pad;
     margin-left: @dashboard_lr_pad;
@@ -180,7 +179,7 @@ ul.breadcrumb {
     }
     .running-indicator {
         padding-top: @dashboard_tb_pad;
-        color: @brand-success;
+        color: darken(@brand-success,20%);
     }
     .kernel-name {
         padding-top: @dashboard_tb_pad;
@@ -224,11 +223,13 @@ ul.breadcrumb {
     padding-left: @dashboard_lr_pad;
     margin-left: -2px;
 
+
     > .breadcrumb {
         padding: 0px;
         margin-bottom: 0px;
         background-color: transparent;
         font-weight: bold;
+
     }
 }
 
@@ -249,7 +250,7 @@ ul.breadcrumb {
     min-width: 50px;
 }
 
-[dir="rtl"] #button-select-all.btn { 
+[dir="rtl"] #button-select-all.btn {
     float : right ;
 }
 
@@ -348,7 +349,7 @@ ul#new-menu {
                 padding-left: @dashboard_lr_pad;
                 padding-right: @dashboard_lr_pad;
                 line-height: @btn_mini_height;
-                
+
                 a:focus, a:hover {
                     text-decoration: none;
                 }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`/**`
`3`	`2`	`* Primary styles`
`4`	`3`	`*`
`@@ -41,7 +40,7 @@ ul.breadcrumb {`
`41`	`40`	`font-size: 16px;`
`42`	`41`	`margin-right: 4px;`
`43`	`42`	`}`
`44`		`-`
	`43`	`+`
`45`	`44`	`span {`
`46`	`45`	`color: @dark_dashboard_color;`
`47`	`46`	`}`
`@@ -155,7 +154,7 @@ ul.breadcrumb {`
`155`	`154`	`}`
`156`	`155`
`157`	`156`	`.item_icon {`
`158`		`- font-size: 14px;`
	`157`	`+ font-size: 14px;`
`159`	`158`	`color: @dark_dashboard_color;`
`160`	`159`	`margin-right: @dashboard_lr_pad;`
`161`	`160`	`margin-left: @dashboard_lr_pad;`
`@@ -180,7 +179,7 @@ ul.breadcrumb {`
`180`	`179`	`}`
`181`	`180`	`.running-indicator {`
`182`	`181`	`padding-top: @dashboard_tb_pad;`
`183`		`- color: @brand-success;`
	`182`	`+ color: darken(@brand-success,20%);`
`184`	`183`	`}`
`185`	`184`	`.kernel-name {`
`186`	`185`	`padding-top: @dashboard_tb_pad;`
`@@ -224,11 +223,13 @@ ul.breadcrumb {`
`224`	`223`	`padding-left: @dashboard_lr_pad;`
`225`	`224`	`margin-left: -2px;`
`226`	`225`
	`226`	`+`
`227`	`227`	`> .breadcrumb {`
`228`	`228`	`padding: 0px;`
`229`	`229`	`margin-bottom: 0px;`
`230`	`230`	`background-color: transparent;`
`231`	`231`	`font-weight: bold;`
	`232`	`+`
`232`	`233`	`}`
`233`	`234`	`}`
`234`	`235`
`@@ -249,7 +250,7 @@ ul.breadcrumb {`
`249`	`250`	`min-width: 50px;`
`250`	`251`	`}`
`251`	`252`
`252`		`-[dir="rtl"] #button-select-all.btn {`
	`253`	`+[dir="rtl"] #button-select-all.btn {`
`253`	`254`	`float : right ;`
`254`	`255`	`}`
`255`	`256`
`@@ -348,7 +349,7 @@ ul#new-menu {`
`348`	`349`	`padding-left: @dashboard_lr_pad;`
`349`	`350`	`padding-right: @dashboard_lr_pad;`
`350`	`351`	`line-height: @btn_mini_height;`
`351`		`-`
	`352`	`+`
`352`	`353`	`a:focus, a:hover {`
`353`	`354`	`text-decoration: none;`
`354`	`355`	`}`