Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 4e1ac22

Browse files
changed colors (#191)
1 parent 04a4be1 commit 4e1ac22

File tree

3 files changed

+33
-33
lines changed

3 files changed

+33
-33
lines changed

‎packages/grafana-data/src/themes/createColors.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -220,9 +220,9 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
220220
};
221221

222222
background = {
223-
primary: '#F6F6F1',
224-
canvas: '#F6F6F1',
225-
secondary: '#FAFAFA',
223+
primary: '#F5F5F5',
224+
canvas: '#F5F5F5',
225+
secondary: '#F5f5f5',
226226
};
227227

228228
action = {

‎public/microfrontends/fn_dashboard/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<script nonce="">
1111
window.fnData = {
1212
themePaths: {
13-
light: '../../../public/build/grafana.light.e9cbf84ec3f56e41b20e.css',
13+
light: '../../../public/build/grafana.light.11edba0e518ac6df7727.css',
1414
dark: '../../../public/build/grafana.dark.75e907ac2464bdcdeb20.css',
1515
}
1616
};
@@ -19,7 +19,7 @@
1919

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

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

2424
</body>
2525
</html>

‎public/sass/_variables.light.generated.scss

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -57,9 +57,9 @@ $gray-7: #fbfbfb;
5757

5858
$white: #ffffff;
5959

60-
$layer0: #F6F6F1;
61-
$layer1: #F6F6F1;
62-
$layer2: #FAFAFA;
60+
$layer0: #F5F5F5;
61+
$layer1: #F5F5F5;
62+
$layer2: #F5f5f5;
6363

6464
$divider: rgba(45, 51, 62, 0.12);
6565
$border0: rgba(45, 51, 62, 0.12);
@@ -93,9 +93,9 @@ $critical: #CF0E5B;
9393

9494
// Scaffolding
9595
// -------------------------
96-
$body-bg: #F6F6F1;
97-
$page-bg: #F6F6F1;
98-
$dashboard-bg: #F6F6F1;
96+
$body-bg: #F5F5F5;
97+
$page-bg: #F5F5F5;
98+
$dashboard-bg: #F5F5F5;
9999

100100
$text-color: #101828;
101101
$text-color-strong: #000000;
@@ -128,30 +128,30 @@ $hr-border-color: $gray-4 !default;
128128

129129
// Panel
130130
// -------------------------
131-
$panel-bg: #F6F6F1;
131+
$panel-bg: #F5F5F5;
132132
$panel-border: 1px solid rgba(45, 51, 62, 0.12);
133133
$panel-header-hover-bg: rgba(45, 51, 62, 0.12);
134134
$panel-box-shadow: none;
135135
$panel-corner: $panel-bg;
136136

137137
// Page header
138-
$page-header-bg: #F6F6F1;
138+
$page-header-bg: #F5F5F5;
139139
$page-header-shadow: inset 0px -3px 10px $gray-6;
140-
$page-header-border-color: #F6F6F1;
140+
$page-header-border-color: #F5F5F5;
141141

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

144144
// Graphite Target Editor
145-
$tight-form-func-bg: #FAFAFA;
146-
$tight-form-func-highlight-bg: #f5f5f5;
145+
$tight-form-func-bg: #F5f5f5;
146+
$tight-form-func-highlight-bg: #f0f0f0;
147147

148-
$modal-backdrop-bg: #F6F6F1;
148+
$modal-backdrop-bg: #F5F5F5;
149149
$code-tag-bg: $gray-6;
150150
$code-tag-border: $gray-4;
151151

152152
// cards
153-
$card-background: #FAFAFA;
154-
$card-background-hover: #FAFAFA;
153+
$card-background: #F5f5f5;
154+
$card-background-hover: #F5f5f5;
155155
$card-shadow: none;
156156

157157
// Lists
@@ -168,10 +168,10 @@ $scrollbarBorder: $gray-7;
168168

169169
// Tables
170170
// -------------------------
171-
$table-bg-accent: #FAFAFA;
171+
$table-bg-accent: #F5f5f5;
172172
$table-border: rgba(45, 51, 62, 0.30);
173-
$table-bg-odd: rgb(241, 241, 236);
174-
$table-bg-hover: rgb(233, 233, 228);
173+
$table-bg-odd: rgb(240, 240, 240);
174+
$table-bg-hover: rgb(232, 232, 232);
175175

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

208208
// Forms
209209
// -------------------------
210-
$input-bg: #F6F6F1;
210+
$input-bg: #F5F5F5;
211211
$input-bg-disabled: rgba(45, 51, 62, 0.04);
212212

213213
$input-color: #101828;
@@ -216,7 +216,7 @@ $input-box-shadow: none;
216216
$input-border-focus: #5794f2;
217217
$input-box-shadow-focus: #5794f2;
218218
$input-color-placeholder: #9DA7B8;
219-
$input-label-bg: #FAFAFA;
219+
$input-label-bg: #F5f5f5;
220220
$input-color-select-arrow: #7b8087;
221221

222222
// search
@@ -229,7 +229,7 @@ $typeahead-selected-color: $yellow;
229229

230230
// Dropdowns
231231
// -------------------------
232-
$dropdownBackground: #F6F6F1;
232+
$dropdownBackground: #F5F5F5;
233233
$dropdownBorder: rgba(45, 51, 62, 0.12);
234234
$dropdownDividerTop: rgba(45, 51, 62, 0.12);
235235
$dropdownDividerBottom: rgba(45, 51, 62, 0.12);
@@ -263,7 +263,7 @@ $side-menu-header-color: #e9edf2;
263263

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

@@ -283,16 +283,16 @@ $alert-warning-bg: #F3D086;
283283
$alert-info-bg: #F3D086;
284284

285285
// Tooltips and popovers
286-
$tooltipBackground: #FAFAFA;
286+
$tooltipBackground: #F5f5f5;
287287
$tooltipColor: #101828;
288-
$tooltipArrowColor: #FAFAFA;
288+
$tooltipArrowColor: #F5f5f5;
289289
$tooltipBackgroundError: #E0226E;
290290
$tooltipShadow: 0px 4px 8px rgba(24, 26, 27, 0.2);
291291

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

298298
$graph-tooltip-bg: $gray-5;
@@ -305,7 +305,7 @@ $popover-error-bg: $btn-danger-bg;
305305
$popover-help-bg: $tooltipBackground;
306306
$popover-help-color: $tooltipColor;
307307

308-
$popover-code-bg: #F6F6F1;
308+
$popover-code-bg: #F5F5F5;
309309
$popover-code-boxshadow: 0 0 5px $gray60;
310310

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

340340
$diff-arrow-color: $dark-2;
341-
$diff-group-bg: #FAFAFA;
341+
$diff-group-bg: #F5f5f5;
342342

343-
$diff-json-bg: #FAFAFA;
343+
$diff-json-bg: #F5f5f5;
344344
$diff-json-fg: #101828;
345345

346346
$diff-json-added: $blue-shade;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /