mirror of
https://github.com/grafana/grafana.git
synced 2025-07-31 18:52:34 +08:00
Update dependency stylelint-config-sass-guidelines to v12 (#98213)
* Update dependency stylelint-config-sass-guidelines to v12 * fix stylelint issues * fix indentation * update snapshots * linting... * linting... --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
This commit is contained in:
@ -95,7 +95,7 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
|
||||
|
||||
border = {
|
||||
weak: `rgba(${this.whiteBase}, 0.12)`,
|
||||
medium: `rgba(${this.whiteBase}, 0.20)`,
|
||||
medium: `rgba(${this.whiteBase}, 0.2)`,
|
||||
strong: `rgba(${this.whiteBase}, 0.30)`,
|
||||
};
|
||||
|
||||
@ -187,8 +187,8 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
|
||||
|
||||
border = {
|
||||
weak: `rgba(${this.blackBase}, 0.12)`,
|
||||
medium: `rgba(${this.blackBase}, 0.30)`,
|
||||
strong: `rgba(${this.blackBase}, 0.40)`,
|
||||
medium: `rgba(${this.blackBase}, 0.3)`,
|
||||
strong: `rgba(${this.blackBase}, 0.4)`,
|
||||
};
|
||||
|
||||
secondary = {
|
||||
|
@ -53,7 +53,7 @@ export interface ThemeTypographyInput {
|
||||
htmlFontSize?: number;
|
||||
}
|
||||
|
||||
const defaultFontFamily = '"Inter", "Helvetica", "Arial", sans-serif';
|
||||
const defaultFontFamily = "'Inter', 'Helvetica', 'Arial', sans-serif";
|
||||
const defaultFontFamilyMonospace = "'Roboto Mono', monospace";
|
||||
|
||||
export function createTypography(colors: ThemeColors, typographyInput: ThemeTypographyInput = {}): ThemeTypography {
|
||||
|
@ -1,5 +1,5 @@
|
||||
export const palette = {
|
||||
white: '#FFFFFF',
|
||||
white: '#ffffff',
|
||||
black: '#000000',
|
||||
|
||||
gray25: '#2c3235',
|
||||
@ -8,37 +8,37 @@ export const palette = {
|
||||
gray05: '#111217', // old '#0b0c0e',
|
||||
|
||||
// new from figma,
|
||||
darkLayer0: '#18181A',
|
||||
darkLayer0: '#18181a',
|
||||
darkLayer1: '#212124',
|
||||
darkLayer2: '#2a2a2f', // figma used #34343B but a bit too bright
|
||||
|
||||
darkBorder1: '#34343B',
|
||||
darkBorder2: '#64646B',
|
||||
darkBorder1: '#34343b',
|
||||
darkBorder2: '#64646b',
|
||||
|
||||
// Dashboard bg / layer 0 (light theme)
|
||||
gray90: '#F4F5F5',
|
||||
gray90: '#f4f5f5',
|
||||
// Card bg / layer 1
|
||||
gray100: '#F4F5F5',
|
||||
gray100: '#f4f5f5',
|
||||
// divider line
|
||||
gray80: '#D0D1D3',
|
||||
gray80: '#d0d1d3',
|
||||
// from figma
|
||||
lightBorder1: '#E4E7E7',
|
||||
lightBorder1: '#e4e7e7',
|
||||
|
||||
blueDarkMain: '#3D71D9', // '#4165F5',
|
||||
blueDarkText: '#6E9FFF', // '#58a6ff', //'#33a2e5', // '#5790FF',
|
||||
redDarkMain: '#D10E5C',
|
||||
redDarkText: '#FF5286',
|
||||
greenDarkMain: '#1A7F4B',
|
||||
greenDarkText: '#6CCF8E',
|
||||
orangeDarkMain: '#FF9900',
|
||||
blueDarkMain: '#3d71d9', // '#4165F5',
|
||||
blueDarkText: '#6e9fff', // '#58a6ff', //'#33a2e5', // '#5790FF',
|
||||
redDarkMain: '#d10e5c',
|
||||
redDarkText: '#ff5286',
|
||||
greenDarkMain: '#1a7f4b',
|
||||
greenDarkText: '#6ccf8e',
|
||||
orangeDarkMain: '#ff9900',
|
||||
orangeDarkText: '#fbad37',
|
||||
|
||||
blueLightMain: '#3871DC',
|
||||
blueLightText: '#1F62E0',
|
||||
redLightMain: '#E0226E',
|
||||
redLightText: '#CF0E5B',
|
||||
greenLightMain: '#1B855E',
|
||||
greenLightText: '#0A764E',
|
||||
orangeLightMain: '#FF9900',
|
||||
orangeLightText: '#B5510D',
|
||||
blueLightMain: '#3871dc',
|
||||
blueLightText: '#1f62e0',
|
||||
redLightMain: '#e0226e',
|
||||
redLightText: '#cf0e5B',
|
||||
greenLightMain: '#1b855e',
|
||||
greenLightText: '#0a764e',
|
||||
orangeLightMain: '#ff9900',
|
||||
orangeLightText: '#b5510d',
|
||||
};
|
||||
|
@ -414,7 +414,7 @@ describe('UPlotConfigBuilder', () => {
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -423,7 +423,7 @@ describe('UPlotConfigBuilder', () => {
|
||||
},
|
||||
"incrs": undefined,
|
||||
"label": "test label",
|
||||
"labelFont": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"labelFont": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"labelGap": 8,
|
||||
"labelSize": 20,
|
||||
"rotate": undefined,
|
||||
|
@ -5,7 +5,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -33,7 +33,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
|
@ -148,7 +148,7 @@ $popover-shadow: ${theme.shadows.z3};
|
||||
$graph-tooltip-bg: $gray-5;
|
||||
|
||||
$tooltipLinkColor: color.adjust($tooltipColor, $lightness: 5%);
|
||||
$tooltipExternalLinkColor: #6E9FFF;
|
||||
$tooltipExternalLinkColor: #6e9fff;
|
||||
|
||||
$popover-error-bg: $red-base;
|
||||
$popover-help-bg: $tooltipBackground;
|
||||
|
Reference in New Issue
Block a user