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

Themes: Add border to sidemenu, and reduce border in dark theme a tiny bit (#34737)

Browse Source 
* Themes: Add border to sidemenu, and reduce border in dark theme a tiny bit

* Updated
This commit is contained in:
Torkel Ödegaard 2021-05-29 07:08:05 +02:00 committed by GitHub
parent dfc466052d
commit d6a9a9b975
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -88,7 +88,7 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
whiteBase = '201, 209, 217';
border = {
weak: `rgba(${this.whiteBase}, 0.08)`,
weak: `rgba(${this.whiteBase}, 0.07)`,
medium: `rgba(${this.whiteBase}, 0.15)`,
strong: `rgba(${this.whiteBase}, 0.25)`,
};

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

@ -61,9 +61,9 @@ $layer0: #111217;
$layer1: #181b1f;
$layer2: #22252b;
$divider: rgba(201, 209, 217, 0.08);
$divider: rgba(201, 209, 217, 0.07);
$border0: rgba(201, 209, 217, 0.08);
$border0: rgba(201, 209, 217, 0.07);
$border1: rgba(201, 209, 217, 0.15);
// Accent colors
@ -130,7 +130,7 @@ $hr-border-color: $dark-9;
// Panel
// -------------------------
$panel-bg: #181b1f;
$panel-border: 1px solid rgba(201, 209, 217, 0.08);
$panel-border: 1px solid rgba(201, 209, 217, 0.07);
$panel-header-hover-bg: rgba(201, 209, 217, 0.08);
$panel-box-shadow: none;
$panel-corner: $panel-bg;
@ -231,9 +231,9 @@ $typeahead-selected-color: $yellow;
// Dropdowns
// -------------------------
$dropdownBackground: #181b1f;
$dropdownBorder: rgba(201, 209, 217, 0.08);
$dropdownDividerTop: rgba(201, 209, 217, 0.08);
$dropdownDividerBottom: rgba(201, 209, 217, 0.08);
$dropdownBorder: rgba(201, 209, 217, 0.07);
$dropdownDividerTop: rgba(201, 209, 217, 0.07);
$dropdownDividerBottom: rgba(201, 209, 217, 0.07);
$dropdownShadow: 0px 10px 20px rgb(20,20,20);
$dropdownLinkColor: $link-color;
@ -295,7 +295,7 @@ $tooltipShadow: 0px 4px 8px rgba(24, 26, 27, 0.75);
$popover-bg: #181b1f;
$popover-color: rgb(201, 209, 217);
$popover-border-color: rgba(201, 209, 217, 0.08);
$popover-border-color: rgba(201, 209, 217, 0.07);
$popover-header-bg: #22252b;
$popover-shadow: 0px 10px 20px rgb(20,20,20);

1
public/sass/components/_sidemenu.scss
View File

@ -7,6 +7,7 @@ $mobile-menu-breakpoint: md;
flex-direction: column;
width: $side-menu-width;
z-index: $zindex-sidemenu;
border-right: $panel-border;
a:focus {
text-decoration: none;