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

tweak diagnostic popover colors

Browse Source
This commit is contained in:
K Simmons
2022-07-20 19:02:33 -07:00
parent b85b2a90aa
commit a076eeeb96
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/src/styleTree/hoverPopover.ts
+3 -3
View File
@@ -24,7 +24,7 @@ export default function HoverPopover(theme: Theme) {
...baseContainer, ...baseContainer,
background: backgroundColor(theme, "on500Info"), background: backgroundColor(theme, "on500Info"),
border: { border: {
color: theme.ramps.blue(0.2).hex(), color: theme.ramps.blue(0).hex(),
width: 1, width: 1,
}, },
}, },
@@ -32,7 +32,7 @@ export default function HoverPopover(theme: Theme) {
...baseContainer, ...baseContainer,
background: backgroundColor(theme, "on500Warning"), background: backgroundColor(theme, "on500Warning"),
border: { border: {
color: theme.ramps.yellow(0.2).hex(), color: theme.ramps.yellow(0).hex(),
width: 1, width: 1,
}, },
}, },
@@ -40,7 +40,7 @@ export default function HoverPopover(theme: Theme) {
...baseContainer, ...baseContainer,
background: backgroundColor(theme, "on500Error"), background: backgroundColor(theme, "on500Error"),
border: { border: {
color: theme.ramps.red(0.2).hex(), color: theme.ramps.red(0).hex(),
width: 1, width: 1,
} }
}, },
styles/src/themes/common/base16.ts
+9 -9
View File
@@ -89,9 +89,9 @@ export function createTheme(
active: withOpacity(sample(ramps.red, 0.5), 0.25), active: withOpacity(sample(ramps.red, 0.5), 0.25),
}, },
on500Error: { on500Error: {
base: sample(ramps.red, 0.1), base: sample(ramps.red, 0.05),
hovered: sample(ramps.red, 0.15), hovered: sample(ramps.red, 0.1),
active: sample(ramps.red, 0.2), active: sample(ramps.red, 0.15),
}, },
warning: { warning: {
base: withOpacity(sample(ramps.yellow, 0.5), 0.15), base: withOpacity(sample(ramps.yellow, 0.5), 0.15),
@@ -99,9 +99,9 @@ export function createTheme(
active: withOpacity(sample(ramps.yellow, 0.5), 0.25), active: withOpacity(sample(ramps.yellow, 0.5), 0.25),
}, },
on500Warning: { on500Warning: {
base: sample(ramps.yellow, 0.1), base: sample(ramps.yellow, 0.05),
hovered: sample(ramps.yellow, 0.15), hovered: sample(ramps.yellow, 0.1),
active: sample(ramps.yellow, 0.2), active: sample(ramps.yellow, 0.15),
}, },
info: { info: {
base: withOpacity(sample(ramps.blue, 0.5), 0.15), base: withOpacity(sample(ramps.blue, 0.5), 0.15),
@@ -109,9 +109,9 @@ export function createTheme(
active: withOpacity(sample(ramps.blue, 0.5), 0.25), active: withOpacity(sample(ramps.blue, 0.5), 0.25),
}, },
on500Info: { on500Info: {
base: sample(ramps.blue, 0.1), base: sample(ramps.blue, 0.05),
hovered: sample(ramps.blue, 0.15), hovered: sample(ramps.blue, 0.1),
active: sample(ramps.blue, 0.2), active: sample(ramps.blue, 0.15),
}, },
}; };