IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Theming: Updates Tabs design to v8 theme desing, adds new gradients from theme (#32956)

Browse Source 
* Theming: Updates Tabs design to v8 theme desing, adds new gradients from theme

* fixing link color
This commit is contained in:
Torkel Ödegaard
2021-04-13 20:33:10 +02:00
committed by GitHub
parent 1177c0c8ae
commit 99a6cfc0c6
4 changed files with 55 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/grafana-data/src/themes/createPalette.ts
View File

@@ -36,6 +36,11 @@ export interface ThemePaletteBase<TColor> {
border1: string;
border2: string;
gradients: {
brandVertical: string;
brandHorizontal: string;
};
action: {
/** Used for selected menu item / select option */
selected: string;
@@ -132,6 +137,11 @@ class DarkPalette implements ThemePaletteBase<Partial<ThemePaletteColor>> {
disabledOpacity: 0.38,
};
gradients = {
brandHorizontal: ' linear-gradient(270deg, #F55F3E 0%, #FF8833 100%);',
brandVertical: 'linear-gradient(0.01deg, #F55F3E 0.01%, #FF8833 99.99%);',
};
contrastThreshold = 3;
hoverFactor = 0.15;
tonalOffset = 0.15;
@@ -201,6 +211,11 @@ class LightPalette implements ThemePaletteBase<Partial<ThemePaletteColor>> {
disabledOpacity: 0.38,
};
gradients = {
brandHorizontal: 'linear-gradient(90deg, #FF8833 0%, #F53E4C 100%);',
brandVertical: 'linear-gradient(0.01deg, #F53E4C -31.2%, #FF8833 113.07%);',
};
contrastThreshold = 3;
hoverFactor = 0.15;
tonalOffset = 0.2;