github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-03-03 18:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2006 from weaveworks/1943-contrast-text-only

Browse Source 
increase black/white text contrast in contrast mode
This commit is contained in:
Bowen Li
2016-11-11 07:27:45 -08:00
committed by GitHub
parent f9df493e44 a978d16e73
commit f698611a1e
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/app/styles/contrast.less
View File

@@ -5,12 +5,12 @@
@background-darker-color: darken(@background-color, 20%);
@background-darker-secondary-color: darken(@background-color, 15%);
@background-dark-color: @primary-color;
@text-color: darken(@primary-color, 20%);
@text-color: black;
@text-secondary-color: lighten(@text-color, 10%);
@text-tertiary-color: lighten(@text-color, 20%);
@border-light-color: lighten(@text-color, 50%);
@text-darker-color: darken(@text-color, 20%);
@white: @background-lighter-color;
@white: white;
@node-opacity-blurred: 0.6;
@node-highlight-fill-opacity: 0.3;
@@ -31,3 +31,7 @@
@search-border-color: @background-darker-color;
@search-border-width: 2px;
/* specific elements */
@body-background-color: #FFF;
@label-background-color: #FFF;

10
client/app/styles/main.less
View File

@@ -64,6 +64,10 @@
@search-border-color: transparent;
@search-border-width: 1px;
/* specific elements */
@body-background-color: linear-gradient(30deg, @background-color 0%, @background-lighter-color 100%);
@label-background-color: fade(@background-average-color, 70%);
/* add this class to truncate text with ellipsis, container needs width */
.truncate {
white-space: nowrap;
@@ -131,7 +135,7 @@ body {
/* Space out content a bit */
body {
background: linear-gradient(30deg, @background-color 0%, @background-lighter-color 100%);
background: @body-background-color;
color: @text-color;
line-height: 150%;
font-family: @base-font;
@@ -404,14 +408,14 @@ h2 {
}
span:not(.match) {
padding: 0 0.25em;
background-color: fade(@background-average-color, 70%);
background-color: @label-background-color;
}
span:empty {
padding: 0;
}
}
.matched-results {
background-color: fade(@background-average-color, 70%);
background-color: @label-background-color;
}
&.pseudo {