oak-team/oak-gpui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix color ramps to use colored fg

Browse Source
This commit is contained in:
Nate Butler
2022-10-10 17:50:41 -04:00
parent 61dc703a58
commit 95bc18a995
2 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/src/styleTree/editor.ts
+1 -2
View File
@@ -4,7 +4,6 @@ import {
Layer,
StyleSets,
} from "../themes/common/colorScheme";
import { withOpacity } from "../utils/color";
import {
background,
border,
@@ -227,7 +226,7 @@ export default function editor(colorScheme: ColorScheme) {
errorDiagnostic: diagnostic(elevation.middle, "negative"),
warningDiagnostic: diagnostic(elevation.middle, "warning"),
informationDiagnostic: diagnostic(elevation.middle, "info"),
hintDiagnostic: diagnostic(elevation.middle, "positive"),
hintDiagnostic: diagnostic(elevation.middle, "warning"),
invalidErrorDiagnostic: diagnostic(elevation.middle, "base"),
invalidHintDiagnostic: diagnostic(elevation.middle, "base"),
invalidInformationDiagnostic: diagnostic(elevation.middle, "base"),
styles/src/themes/common/ramps.ts
+12 -12
View File
@@ -224,10 +224,10 @@ function bottomLayer(ramps: RampSet, isLight: boolean): Layer {
base: buildStyleSet(ramps.neutral, buildLayer(0.2, 1, 0.08)),
variant: buildStyleSet(ramps.neutral, buildLayer(0.2, 0.7, 0.08)),
on: buildStyleSet(ramps.neutral, buildLayer(0.1, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 1, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 1, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 1, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 0.5, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 0.5, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 0.5, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 0.5, 0.08)),
};
}
@@ -236,10 +236,10 @@ function middleLayer(ramps: RampSet, isLight: boolean): Layer {
base: buildStyleSet(ramps.neutral, buildLayer(0.1, 1, 0.08)),
variant: buildStyleSet(ramps.neutral, buildLayer(0.1, 0.7, 0.08)),
on: buildStyleSet(ramps.neutral, buildLayer(0, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 1, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 1, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 1, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 0.5, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 0.5, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 0.5, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 0.5, 0.08)),
};
}
@@ -248,9 +248,9 @@ function topLayer(ramps: RampSet, isLight: boolean): Layer {
base: buildStyleSet(ramps.neutral, buildLayer(0, 1, 0.08)),
variant: buildStyleSet(ramps.neutral, buildLayer(0, 0.7, 0.08)),
on: buildStyleSet(ramps.neutral, buildLayer(0.1, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 1, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 1, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 1, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 1, 0.08)),
info: buildStyleSet(ramps.blue, buildLayer(0.1, 0.5, 0.08)),
positive: buildStyleSet(ramps.green, buildLayer(0.1, 0.5, 0.08)),
warning: buildStyleSet(ramps.yellow, buildLayer(0.1, 0.5, 0.08)),
negative: buildStyleSet(ramps.red, buildLayer(0.1, 0.5, 0.08)),
};
}