opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-06 05:09:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Themes: Unify secondary button and ToolbarButton (#68250)

Browse Source 
* Themes: Unify secondary button and ToolbarButton

* Update

* Update light theme

* fix test

* fix toolbar button border

* fix disabled outline button style

* Use transparent color instead of dynamic computed color for hover bg for text/outline versions. this is what figma components do
This commit is contained in:
Torkel Ödegaard
2023-05-22 14:55:16 +02:00
committed by GitHub
parent 2f6d538044
commit d4df5e0519
4 changed files with 47 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/grafana-data/src/themes/createColors.ts
View File

@ -109,11 +109,12 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
};
secondary = {
main: `rgba(${this.whiteBase}, 0.16)`,
shade: `rgba(${this.whiteBase}, 0.20)`,
main: `rgba(${this.whiteBase}, 0.10)`,
shade: `rgba(${this.whiteBase}, 0.14)`,
transparent: `rgba(${this.whiteBase}, 0.08)`,
text: this.text.primary,
contrastText: `rgb(${this.whiteBase})`,
border: this.border.strong,
border: `rgba(${this.whiteBase}, 0.08)`,
};
info = this.primary;
@ -185,11 +186,12 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
};
secondary = {
main: `rgba(${this.blackBase}, 0.16)`,
shade: `rgba(${this.blackBase}, 0.20)`,
main: `rgba(${this.blackBase}, 0.08)`,
shade: `rgba(${this.blackBase}, 0.15)`,
transparent: `rgba(${this.blackBase}, 0.08)`,
contrastText: `rgba(${this.blackBase}, 1)`,
text: this.text.primary,
border: this.border.strong,
border: this.border.weak,
};
info = {