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 94f75e5

Browse files
theme fix
1 parent 9624da6 commit 94f75e5

File tree

4 files changed

+23
-23
lines changed

4 files changed

+23
-23
lines changed

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

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

222222
background = {
223-
primary: '#FFFFFF',
224-
canvas: '#F5F5F5',
223+
primary: '#F5F5F5',
224+
canvas: '#FFFFFF',
225225
secondary: '#FFFFFF',
226226
};
227227

‎packages/grafana-ui/src/themes/GlobalStyles/dashboardGrid.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ export function getDashboardGridStyles(theme: GrafanaTheme2) {
4242
},
4343

4444
'.react-grid-item.react-grid-placeholder': {
45-
boxShadow: `0 8px 24px ${theme.colors.primary.border} !important`,
45+
boxShadow: `0 0 4px ${theme.colors.primary.border} !important`,
4646
background: `${theme.colors.primary.transparent} !important`,
4747
zIndex: '-1 !important',
4848
opacity: 'unset !important',
@@ -54,7 +54,7 @@ export function getDashboardGridStyles(theme: GrafanaTheme2) {
5454
},
5555

5656
'.react-grid-item > div:first-of-type': {
57-
boxShadow: `0 8px 24px ${theme.colors.primary.border} !important`,
57+
boxShadow: `0 0 4px ${theme.colors.primary.border} !important`,
5858
borderRadius: theme.shape.borderRadius(2),
5959
},
6060

‎public/microfrontends/fn_dashboard/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,16 +10,16 @@
1010
<script nonce="">
1111
window.fnData = {
1212
themePaths: {
13-
light: '../../../public/build/grafana.light.1225898111a2fd093893.css',
13+
light: '../../../public/build/grafana.light.485c55b1c2950f6001af.css',
1414
dark: '../../../public/build/grafana.dark.cd0ed8a9f2cb3824f581.css',
1515
}
1616
};
1717
</script>
1818

1919

20-
<script nonce="" src="../../../public/build/runtime~fn_dashboard.c72758889b72f840d29c.js" type="text/javascript"></script>
20+
<script nonce="" src="../../../public/build/runtime~fn_dashboard.0e2d0029bf0a7d58dfe0.js" type="text/javascript"></script>
2121

22-
<script nonce="" src="../../../public/build/fn_dashboard.5bf65485c5298da38ca6.js" type="text/javascript"></script>
22+
<script nonce="" src="../../../public/build/fn_dashboard.02910b9c7256ab6aa51d.js" type="text/javascript"></script>
2323

2424
</body>
2525
</html>

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

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

5858
$white: #ffffff;
5959

60-
$layer0: #F5F5F5;
61-
$layer1: #FFFFFF;
60+
$layer0: #FFFFFF;
61+
$layer1: #F5F5F5;
6262
$layer2: #FFFFFF;
6363

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

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

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

129129
// Panel
130130
// -------------------------
131-
$panel-bg: #FFFFFF;
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: #F5F5F5;
138+
$page-header-bg: #FFFFFF;
139139
$page-header-shadow: inset 0px -3px 10px $gray-6;
140-
$page-header-border-color: #F5F5F5;
140+
$page-header-border-color: #FFFFFF;
141141

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

144144
// Graphite Target Editor
145145
$tight-form-func-bg: #FFFFFF;
146146
$tight-form-func-highlight-bg: #fafafa;
147147

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

@@ -170,8 +170,8 @@ $scrollbarBorder: $gray-7;
170170
// -------------------------
171171
$table-bg-accent: #FFFFFF;
172172
$table-border: rgba(45, 51, 62, 0.30);
173-
$table-bg-odd: rgb(249, 249, 249);
174-
$table-bg-hover: rgb(242, 242, 242);
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: #FFFFFF;
210+
$input-bg: #F5F5F5;
211211
$input-bg-disabled: rgba(45, 51, 62, 0.04);
212212

213213
$input-color: #101828;
@@ -229,7 +229,7 @@ $typeahead-selected-color: $yellow;
229229

230230
// Dropdowns
231231
// -------------------------
232-
$dropdownBackground: #FFFFFF;
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: #FFFFFF;
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

@@ -289,7 +289,7 @@ $tooltipArrowColor: #FFFFFF;
289289
$tooltipBackgroundError: #E0226E;
290290
$tooltipShadow: 0px 4px 8px rgba(24, 26, 27, 0.2);
291291

292-
$popover-bg: #FFFFFF;
292+
$popover-bg: #F5F5F5;
293293
$popover-color: #101828;
294294
$popover-border-color: rgba(45, 51, 62, 0.12);
295295
$popover-header-bg: #FFFFFF;
@@ -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: #FFFFFF;
308+
$popover-code-bg: #F5F5F5;
309309
$popover-code-boxshadow: 0 0 5px $gray60;
310310

311311
// images

0 commit comments

Comments
(0)

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