Skip to content

Commit

Permalink
changed colors (#191)
Browse files Browse the repository at this point in the history
  • Loading branch information
GurinderRawala authored Oct 25, 2024
1 parent 04a4be1 commit 4e1ac22
Show file tree
Hide file tree
Showing 3 changed files with 33 additions and 33 deletions.
6 changes: 3 additions & 3 deletions packages/grafana-data/src/themes/createColors.ts
Original file line number Diff line number Diff line change
Expand Up @@ -220,9 +220,9 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
};

background = {
primary: '#F6F6F1',
canvas: '#F6F6F1',
secondary: '#FAFAFA',
primary: '#F5F5F5',
canvas: '#F5F5F5',
secondary: '#F5f5f5',
};

action = {
Expand Down
4 changes: 2 additions & 2 deletions public/microfrontends/fn_dashboard/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<script nonce="">
window.fnData = {
themePaths: {
light: '../../../public/build/grafana.light.e9cbf84ec3f56e41b20e.css',
light: '../../../public/build/grafana.light.11edba0e518ac6df7727.css',
dark: '../../../public/build/grafana.dark.75e907ac2464bdcdeb20.css',
}
};
Expand All @@ -19,7 +19,7 @@

<script nonce="" src="../../../public/build/runtime~fn_dashboard.832e70d83875a90e9629.js" type="text/javascript"></script>

<script nonce="" src="../../../public/build/fn_dashboard.891183ce4ec380e6ad80.js" type="text/javascript"></script>
<script nonce="" src="../../../public/build/fn_dashboard.0ebf23b22c9b8b6b19b9.js" type="text/javascript"></script>

</body>
</html>
56 changes: 28 additions & 28 deletions public/sass/_variables.light.generated.scss
Original file line number Diff line number Diff line change
Expand Up @@ -57,9 +57,9 @@ $gray-7: #fbfbfb;

$white: #ffffff;

$layer0: #F6F6F1;
$layer1: #F6F6F1;
$layer2: #FAFAFA;
$layer0: #F5F5F5;
$layer1: #F5F5F5;
$layer2: #F5f5f5;

$divider: rgba(45, 51, 62, 0.12);
$border0: rgba(45, 51, 62, 0.12);
Expand Down Expand Up @@ -93,9 +93,9 @@ $critical: #CF0E5B;

// Scaffolding
// -------------------------
$body-bg: #F6F6F1;
$page-bg: #F6F6F1;
$dashboard-bg: #F6F6F1;
$body-bg: #F5F5F5;
$page-bg: #F5F5F5;
$dashboard-bg: #F5F5F5;

$text-color: #101828;
$text-color-strong: #000000;
Expand Down Expand Up @@ -128,30 +128,30 @@ $hr-border-color: $gray-4 !default;

// Panel
// -------------------------
$panel-bg: #F6F6F1;
$panel-bg: #F5F5F5;
$panel-border: 1px solid rgba(45, 51, 62, 0.12);
$panel-header-hover-bg: rgba(45, 51, 62, 0.12);
$panel-box-shadow: none;
$panel-corner: $panel-bg;

// Page header
$page-header-bg: #F6F6F1;
$page-header-bg: #F5F5F5;
$page-header-shadow: inset 0px -3px 10px $gray-6;
$page-header-border-color: #F6F6F1;
$page-header-border-color: #F5F5F5;

$divider-border-color: $gray-2;

// Graphite Target Editor
$tight-form-func-bg: #FAFAFA;
$tight-form-func-highlight-bg: #f5f5f5;
$tight-form-func-bg: #F5f5f5;
$tight-form-func-highlight-bg: #f0f0f0;

$modal-backdrop-bg: #F6F6F1;
$modal-backdrop-bg: #F5F5F5;
$code-tag-bg: $gray-6;
$code-tag-border: $gray-4;

// cards
$card-background: #FAFAFA;
$card-background-hover: #FAFAFA;
$card-background: #F5f5f5;
$card-background-hover: #F5f5f5;
$card-shadow: none;

// Lists
Expand All @@ -168,10 +168,10 @@ $scrollbarBorder: $gray-7;

// Tables
// -------------------------
$table-bg-accent: #FAFAFA;
$table-bg-accent: #F5f5f5;
$table-border: rgba(45, 51, 62, 0.30);
$table-bg-odd: rgb(241, 241, 236);
$table-bg-hover: rgb(233, 233, 228);
$table-bg-odd: rgb(240, 240, 240);
$table-bg-hover: rgb(232, 232, 232);

// Buttons
// -------------------------
Expand Down Expand Up @@ -207,7 +207,7 @@ $btn-active-box-shadow: 0px 0px 4px rgba(234, 161, 51, 0.6);

// Forms
// -------------------------
$input-bg: #F6F6F1;
$input-bg: #F5F5F5;
$input-bg-disabled: rgba(45, 51, 62, 0.04);

$input-color: #101828;
Expand All @@ -216,7 +216,7 @@ $input-box-shadow: none;
$input-border-focus: #5794f2;
$input-box-shadow-focus: #5794f2;
$input-color-placeholder: #9DA7B8;
$input-label-bg: #FAFAFA;
$input-label-bg: #F5f5f5;
$input-color-select-arrow: #7b8087;

// search
Expand All @@ -229,7 +229,7 @@ $typeahead-selected-color: $yellow;

// Dropdowns
// -------------------------
$dropdownBackground: #F6F6F1;
$dropdownBackground: #F5F5F5;
$dropdownBorder: rgba(45, 51, 62, 0.12);
$dropdownDividerTop: rgba(45, 51, 62, 0.12);
$dropdownDividerBottom: rgba(45, 51, 62, 0.12);
Expand Down Expand Up @@ -263,7 +263,7 @@ $side-menu-header-color: #e9edf2;

// Menu dropdowns
// -------------------------
$menu-dropdown-bg: #F6F6F1;
$menu-dropdown-bg: #F5F5F5;
$menu-dropdown-hover-bg: rgba(45, 51, 62, 0.12);
$menu-dropdown-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);

Expand All @@ -283,16 +283,16 @@ $alert-warning-bg: #F3D086;
$alert-info-bg: #F3D086;

// Tooltips and popovers
$tooltipBackground: #FAFAFA;
$tooltipBackground: #F5f5f5;
$tooltipColor: #101828;
$tooltipArrowColor: #FAFAFA;
$tooltipArrowColor: #F5f5f5;
$tooltipBackgroundError: #E0226E;
$tooltipShadow: 0px 4px 8px rgba(24, 26, 27, 0.2);

$popover-bg: #F6F6F1;
$popover-bg: #F5F5F5;
$popover-color: #101828;
$popover-border-color: rgba(45, 51, 62, 0.12);
$popover-header-bg: #FAFAFA;
$popover-header-bg: #F5f5f5;
$popover-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);

$graph-tooltip-bg: $gray-5;
Expand All @@ -305,7 +305,7 @@ $popover-error-bg: $btn-danger-bg;
$popover-help-bg: $tooltipBackground;
$popover-help-color: $tooltipColor;

$popover-code-bg: #F6F6F1;
$popover-code-bg: #F5F5F5;
$popover-code-boxshadow: 0 0 5px $gray60;

// images
Expand Down Expand Up @@ -338,9 +338,9 @@ $diff-label-bg: rgba(45, 51, 62, 0.12);
$diff-label-fg: $gray-2;

$diff-arrow-color: $dark-2;
$diff-group-bg: #FAFAFA;
$diff-group-bg: #F5f5f5;

$diff-json-bg: #FAFAFA;
$diff-json-bg: #F5f5f5;
$diff-json-fg: #101828;

$diff-json-added: $blue-shade;
Expand Down

0 comments on commit 4e1ac22

Please sign in to comment.