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

Styles: fixed gradient in logo so it doesn't go outside the logo and get a defined start and end color, changed brand gradient to be the same as in logo, created new variable for vertical gradient (#18882)

Browse Source 
Fixes #18856
This commit is contained in:
Patrick O'Carroll
2019-09-04 11:28:35 +02:00
committed by Torkel Ödegaard
parent 6ea2d484b1
commit 00c8bf4f2f
9 changed files with 16 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/ContextMenu/ContextMenu.tsx
View File

@@ -125,7 +125,7 @@ const getContextMenuStyles = (theme: GrafanaTheme) => {
cursor: pointer;
&:hover {
background: ${itemBgHover};
border-image: linear-gradient(rgba(255, 213, 0, 1) 0%, rgba(255, 68, 0, 1) 99%, rgba(255, 68, 0, 1) 100%);
border-image: linear-gradient(#f05a28 30%, #fbca0a 99%);
border-image-slice: 1;
}
`,

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

@@ -88,13 +88,8 @@ $text-shadow-faint: 1px 1px 4px rgb(45, 45, 45);
$textShadow: none;
// gradients
$brand-gradient: linear-gradient(
to right,
rgba(255, 213, 0, 0.7) 0%,
rgba(255, 68, 0, 0.7) 99%,
rgba(255, 68, 0, 0.7) 100%
);
$brand-gradient-horizontal: linear-gradient( to right, #F05A28 30%, #FBCA0A 99%);
$brand-gradient-vertical: linear-gradient(#F05A28 30%, #FBCA0A 99%);
$page-gradient: linear-gradient(180deg, $dark-5 10px, dark-2 100px);
$edit-gradient: linear-gradient(180deg, $dark-2 50%, $input-black);

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

@@ -80,8 +80,8 @@ $text-color-emphasis: ${theme.colors.textEmphasis};
$text-shadow-faint: none;
// gradients
$brand-gradient: linear-gradient(to right, rgba(255, 213, 0, 1) 0%, rgba(255, 68, 0, 1) 99%, rgba(255, 68, 0, 1) 100%);
$brand-gradient-horizontal: linear-gradient( to right, #F05A28 30%, #FBCA0A 99%);
$brand-gradient-vertical: linear-gradient(#F05A28 30%, #FBCA0A 99%);
$page-gradient: linear-gradient(180deg, $white 10px, $gray-7 100px);
$edit-gradient: linear-gradient(-60deg, $gray-7, #f5f6f9 70%, $gray-7 98%);