IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-28 01:41:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

DashboardSettings: Update active tab to use new brand gradient (#48755)

Browse Source 
* DashboardSettings: Update active tab to use new brand gradient

* Remove colons from gradients
This commit is contained in:
Josh Hunt 2022-05-05 17:10:06 +01:00 committed by GitHub
parent 10db618204
commit 1a633812a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -150,8 +150,8 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
};
gradients = {
brandHorizontal: ' linear-gradient(270deg, #F55F3E 0%, #FF8833 100%);',
brandVertical: 'linear-gradient(0.01deg, #F55F3E 0.01%, #FF8833 99.99%);',
brandHorizontal: 'linear-gradient(270deg, #F55F3E 0%, #FF8833 100%)',
brandVertical: 'linear-gradient(0.01deg, #F55F3E 0.01%, #FF8833 99.99%)',
};
contrastThreshold = 3;
@ -230,8 +230,8 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
};
gradients = {
brandHorizontal: 'linear-gradient(90deg, #FF8833 0%, #F53E4C 100%);',
brandVertical: 'linear-gradient(0.01deg, #F53E4C -31.2%, #FF8833 113.07%);',
brandHorizontal: 'linear-gradient(90deg, #FF8833 0%, #F53E4C 100%)',
brandVertical: 'linear-gradient(0.01deg, #F53E4C -31.2%, #FF8833 113.07%)',
};
contrastThreshold = 3;

4
packages/grafana-ui/src/themes/_variables.dark.scss.tmpl.ts
View File

@ -110,8 +110,8 @@ $text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
$textShadow: none;
// gradients
$brand-gradient-horizontal: linear-gradient(to right, #f05a28 30%, #fbca0a 99%);
$brand-gradient-vertical: linear-gradient(#f05a28 30%, #fbca0a 99%);
$brand-gradient-horizontal: ${theme.colors.gradients.brandHorizontal};
$brand-gradient-vertical: ${theme.colors.gradients.brandVertical};
// Links
// -------------------------

4
packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
View File

@ -107,8 +107,8 @@ $text-blue: ${theme.v1.colors.textBlue};
$text-shadow-faint: none;
// gradients
$brand-gradient-horizontal: linear-gradient(to right, #f05a28 30%, #fbca0a 99%);
$brand-gradient-vertical: linear-gradient(#f05a28 30%, #fbca0a 99%);
$brand-gradient-horizontal: ${theme.colors.gradients.brandHorizontal};
$brand-gradient-vertical: ${theme.colors.gradients.brandVertical};
// Links
// -------------------------

4
public/sass/_variables.dark.generated.scss
View File

@ -112,8 +112,8 @@ $text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
$textShadow: none;
// gradients
$brand-gradient-horizontal: linear-gradient(to right, #f05a28 30%, #fbca0a 99%);
$brand-gradient-vertical: linear-gradient(#f05a28 30%, #fbca0a 99%);
$brand-gradient-horizontal: linear-gradient(270deg, #F55F3E 0%, #FF8833 100%);
$brand-gradient-vertical: linear-gradient(0.01deg, #F55F3E 0.01%, #FF8833 99.99%);
// Links
// -------------------------

4
public/sass/_variables.light.generated.scss
View File

@ -107,8 +107,8 @@ $text-blue: #1F62E0;
$text-shadow-faint: none;
// gradients
$brand-gradient-horizontal: linear-gradient(to right, #f05a28 30%, #fbca0a 99%);
$brand-gradient-vertical: linear-gradient(#f05a28 30%, #fbca0a 99%);
$brand-gradient-horizontal: linear-gradient(90deg, #FF8833 0%, #F53E4C 100%);
$brand-gradient-vertical: linear-gradient(0.01deg, #F53E4C -31.2%, #FF8833 113.07%);
// Links
// -------------------------