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

Light theme palette update (#38487)

Browse Source 
* new warning and success color in light theme, slight tweak to primary text

* Update generated light theme scss

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
This commit is contained in:
Patrick O'Carroll 2021-08-24 13:23:01 +02:00 committed by GitHub
parent 7fbeefc090
commit 8fb4882a01
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-data/src/themes/palette.ts
View File

@ -34,11 +34,11 @@ export const palette = {
orangeDarkText: '#F8D06B', orangeDarkText: '#F8D06B',
blueLightMain: '#3871DC', blueLightMain: '#3871DC',
blueLightText: '#0465d7', // '#1F62E0', blueLightText: '#1F62E0',
redLightMain: '#E0226E', redLightMain: '#E0226E',
redLightText: '#CF0E5B', redLightText: '#CF0E5B',
greenLightMain: '#1A7F4B', greenLightMain: '#1B855E',
greenLightText: '#1A7F4B', greenLightText: '#0A764E',
orangeLightMain: '#E56F00', orangeLightMain: '#FAD34A',
orangeLightText: '#BD4B00', orangeLightText: '#8A6C00',
}; };

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

@ -15,13 +15,13 @@ $theme-name: light;
// New Colors // New Colors
// ------------------------- // -------------------------
$blue-light: #0465d7; $blue-light: #1F62E0;
$blue-base: #3871DC; $blue-base: #3871DC;
$blue-shade: rgb(44, 90, 176); $blue-shade: rgb(44, 90, 176);
$red-base: #E0226E; $red-base: #E0226E;
$red-shade: rgb(179, 27, 88); $red-shade: rgb(179, 27, 88);
$green-base: #1A7F4B; $green-base: #1B855E;
$green-shade: rgb(20, 101, 60); $green-shade: rgb(21, 106, 75);
$orange-dark: #ff780a; $orange-dark: #ff780a;
$gray98: #f7f8fa; $gray98: #f7f8fa;
@ -63,27 +63,27 @@ $border1: rgba(36, 41, 46, 0.30);
// Accent colors // Accent colors
// ------------------------- // -------------------------
$blue: #0465d7; $blue: #1F62E0;
$red: $red-base; $red: $red-base;
$yellow: #ecbb13; $yellow: #ecbb13;
$orange: #eb7b18; $orange: #eb7b18;
$purple: #9933cc; $purple: #9933cc;
$variable: #0465d7; $variable: #1F62E0;
$brand-primary: #eb7b18; $brand-primary: #eb7b18;
$brand-success: #1A7F4B; $brand-success: #1B855E;
$brand-warning: #E56F00; $brand-warning: #FAD34A;
$brand-danger: #E0226E; $brand-danger: #E0226E;
$query-red: #CF0E5B; $query-red: #CF0E5B;
$query-green: #1A7F4B; $query-green: #0A764E;
$query-purple: #fe85fc; $query-purple: #fe85fc;
$query-orange: #eb7b18; $query-orange: #eb7b18;
// Status colors // Status colors
// ------------------------- // -------------------------
$online: #1A7F4B; $online: #0A764E;
$warn: #BD4B00; $warn: #8A6C00;
$critical: #CF0E5B; $critical: #CF0E5B;
@ -99,7 +99,7 @@ $text-color-semi-weak: rgba(36, 41, 46, 0.75);
$text-color-weak: rgba(36, 41, 46, 0.75); $text-color-weak: rgba(36, 41, 46, 0.75);
$text-color-faint: rgba(36, 41, 46, 0.50); $text-color-faint: rgba(36, 41, 46, 0.50);
$text-color-emphasis: #000; $text-color-emphasis: #000;
$text-blue: #0465d7; $text-blue: #1F62E0;
$text-shadow-faint: none; $text-shadow-faint: none;
@ -112,7 +112,7 @@ $brand-gradient-vertical: linear-gradient(#f05a28 30%, #fbca0a 99%);
$link-color: rgba(36, 41, 46, 1); $link-color: rgba(36, 41, 46, 1);
$link-color-disabled: rgba(36, 41, 46, 0.50); $link-color-disabled: rgba(36, 41, 46, 0.50);
$link-hover-color: #000; $link-hover-color: #000;
$external-link-color: #0465d7; $external-link-color: #1F62E0;
// Typography // Typography
// ------------------------- // -------------------------
@ -269,14 +269,14 @@ $tab-border-color: $gray-5;
// Form states and alerts // Form states and alerts
// ------------------------- // -------------------------
$warning-text-color: #BD4B00; $warning-text-color: #8A6C00;
$error-text-color: #CF0E5B; $error-text-color: #CF0E5B;
$success-text-color: #1A7F4B; $success-text-color: #0A764E;
$alert-error-bg: #E0226E; $alert-error-bg: #E0226E;
$alert-success-bg: #1A7F4B; $alert-success-bg: #1B855E;
$alert-warning-bg: #E56F00; $alert-warning-bg: #FAD34A;
$alert-info-bg: #E56F00; $alert-info-bg: #FAD34A;
// Tooltips and popovers // Tooltips and popovers
$tooltipBackground: #555; $tooltipBackground: #555;