mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06: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:
parent
c1e078b3a3
commit
a331c7cc38
@ -231,7 +231,7 @@
|
||||
"smtp-tester": "^2.1.0",
|
||||
"style-loader": "4.0.0",
|
||||
"stylelint": "16.12.0",
|
||||
"stylelint-config-sass-guidelines": "11.1.0",
|
||||
"stylelint-config-sass-guidelines": "12.1.0",
|
||||
"terser-webpack-plugin": "5.3.11",
|
||||
"testing-library-selector": "0.3.1",
|
||||
"tracelib": "1.0.1",
|
||||
|
@ -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;
|
||||
|
@ -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,
|
||||
|
@ -11,7 +11,7 @@ exports[`getThresholdsForQueries should work for classic_condition 1`] = `
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
],
|
||||
@ -32,7 +32,7 @@ exports[`getThresholdsForQueries should work for lt and gt 1`] = `
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
],
|
||||
@ -53,7 +53,7 @@ exports[`getThresholdsForQueries should work for lt and gt 2`] = `
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
],
|
||||
@ -70,11 +70,11 @@ exports[`getThresholdsForQueries should work for outside_range 1`] = `
|
||||
"mode": "absolute",
|
||||
"steps": [
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
{
|
||||
@ -82,7 +82,7 @@ exports[`getThresholdsForQueries should work for outside_range 1`] = `
|
||||
"value": 0,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 10,
|
||||
},
|
||||
],
|
||||
@ -103,7 +103,7 @@ exports[`getThresholdsForQueries should work for threshold condition 1`] = `
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
],
|
||||
@ -124,11 +124,11 @@ exports[`getThresholdsForQueries should work for within_range 1`] = `
|
||||
"value": -Infinity,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 0,
|
||||
},
|
||||
{
|
||||
"color": "#D10E5C",
|
||||
"color": "#d10e5c",
|
||||
"value": 10,
|
||||
},
|
||||
{
|
||||
|
@ -19,7 +19,7 @@ exports[`VariableQueryEditor renders correctly 1`] = `
|
||||
<div>
|
||||
<div>
|
||||
<div
|
||||
class="css-1nmqu8c-input-wrapper css-smf98s"
|
||||
class="css-rebjtg-input-wrapper css-smf98s"
|
||||
>
|
||||
<span
|
||||
class="css-1f43avz-a11yText-A11yText"
|
||||
|
@ -5,7 +5,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 1`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -33,7 +33,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 1`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -161,7 +161,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 2`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -189,7 +189,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 2`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -317,7 +317,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 3`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -345,7 +345,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 3`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -473,7 +473,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 1`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -501,7 +501,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 1`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -629,7 +629,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 2`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -657,7 +657,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 2`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -785,7 +785,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 3`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -813,7 +813,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 3`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -941,7 +941,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 1`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -969,7 +969,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 1`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
@ -1097,7 +1097,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 2`] = `
|
||||
"axes": [
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 15,
|
||||
"grid": {
|
||||
"show": false,
|
||||
@ -1125,7 +1125,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 2`] = `
|
||||
},
|
||||
{
|
||||
"filter": undefined,
|
||||
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
|
||||
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
|
||||
"gap": 5,
|
||||
"grid": {
|
||||
"show": true,
|
||||
|
@ -1711,36 +1711,36 @@ input:checked + .gf-form-switch__checkbox {
|
||||
}
|
||||
// Top and bottom corners
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: 0 (-$attachmentOffset);
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: 100% (-$attachmentOffset);
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: 0 calc(100% + #{$attachmentOffset});
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: 100% calc(100% + #{$attachmentOffset});
|
||||
}
|
||||
// Side corners
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: calc(100% + #{$attachmentOffset}) 0;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: (-$attachmentOffset) 0;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: calc(100% + #{$attachmentOffset}) 100%;
|
||||
}
|
||||
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
|
||||
.#{$themePrefix}-content {
|
||||
/* stylelint-disable-line */ .#{$themePrefix}-content {
|
||||
transform-origin: (-$attachmentOffset) 100%;
|
||||
}
|
||||
}
|
||||
|
@ -16,9 +16,9 @@ $theme-name: dark;
|
||||
|
||||
// New Colors
|
||||
// -------------------------
|
||||
$blue-base: #3D71D9;
|
||||
$red-base: #D10E5C;
|
||||
$green-base: #1A7F4B;
|
||||
$blue-base: #3d71d9;
|
||||
$red-base: #d10e5c;
|
||||
$green-base: #1a7f4b;
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
@ -49,14 +49,14 @@ $body-bg: #111217;
|
||||
|
||||
$text-color: rgb(204, 204, 220);
|
||||
$text-color-weak: rgba(204, 204, 220, 0.65);
|
||||
$text-color-emphasis: #FFFFFF;
|
||||
$text-color-emphasis: #ffffff;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
$link-color: rgb(204, 204, 220);
|
||||
$link-color-disabled: rgba(204, 204, 220, 0.6);
|
||||
$link-hover-color: #FFFFFF;
|
||||
$link-hover-color: #ffffff;
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
@ -109,7 +109,7 @@ $btn-drag-image: '../img/grab_dark.svg';
|
||||
$input-bg: #111217;
|
||||
|
||||
$input-color: rgb(204, 204, 220);
|
||||
$input-border-color: rgba(204, 204, 220, 0.20);
|
||||
$input-border-color: rgba(204, 204, 220, 0.2);
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
@ -131,15 +131,15 @@ $menu-dropdown-shadow: 0px 8px 24px rgb(1, 4, 9);
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
$alert-error-bg: #D10E5C;
|
||||
$alert-success-bg: #1A7F4B;
|
||||
$alert-warning-bg: #FF9900;
|
||||
$alert-info-bg: #FF9900;
|
||||
$alert-error-bg: #d10e5c;
|
||||
$alert-success-bg: #1a7f4b;
|
||||
$alert-warning-bg: #ff9900;
|
||||
$alert-info-bg: #ff9900;
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
$tooltipLinkColor: $link-color;
|
||||
$tooltipExternalLinkColor: #6E9FFF;
|
||||
$tooltipExternalLinkColor: #6e9fff;
|
||||
$graph-tooltip-bg: $dark-1;
|
||||
|
||||
$tooltipBackground: #22252b;
|
||||
|
@ -99,7 +99,7 @@ $height-lg: 48;
|
||||
// Typography
|
||||
// -------------------------
|
||||
/* stylelint-disable-next-line string-quotes */
|
||||
$font-family-sans-serif: "Inter", "Helvetica", "Arial", sans-serif;
|
||||
$font-family-sans-serif: 'Inter', 'Helvetica', 'Arial', sans-serif;
|
||||
/* stylelint-disable-next-line string-quotes */
|
||||
$font-family-monospace: 'Roboto Mono', monospace;
|
||||
|
||||
|
@ -16,9 +16,9 @@ $theme-name: light;
|
||||
|
||||
// New Colors
|
||||
// -------------------------
|
||||
$blue-base: #3871DC;
|
||||
$red-base: #E0226E;
|
||||
$green-base: #1B855E;
|
||||
$blue-base: #3871dc;
|
||||
$red-base: #e0226e;
|
||||
$green-base: #1b855e;
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
@ -35,18 +35,18 @@ $gray-7: #fbfbfb;
|
||||
|
||||
$white: #ffffff;
|
||||
|
||||
$layer2: #F4F5F5;
|
||||
$layer2: #f4f5f5;
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
$blue: #1F62E0;
|
||||
$blue: #1f62e0;
|
||||
$red: $red-base;
|
||||
$yellow: #ecbb13;
|
||||
$purple: #9933cc;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
$body-bg: #F4F5F5;
|
||||
$body-bg: #f4f5f5;
|
||||
|
||||
$text-color: rgba(36, 41, 46, 1);
|
||||
$text-color-weak: rgba(36, 41, 46, 0.75);
|
||||
@ -64,22 +64,22 @@ $text-muted: $text-color-weak;
|
||||
|
||||
// Panel
|
||||
// -------------------------
|
||||
$panel-bg: #FFFFFF;
|
||||
$panel-bg: #ffffff;
|
||||
|
||||
// Page header
|
||||
$page-header-bg: #F4F5F5;
|
||||
$page-header-bg: #f4f5f5;
|
||||
$page-header-shadow: inset 0px -3px 10px $gray-6;
|
||||
$page-header-border-color: #F4F5F5;
|
||||
$page-header-border-color: #f4f5f5;
|
||||
|
||||
// Graphite Target Editor
|
||||
$tight-form-func-bg: #F4F5F5;
|
||||
$tight-form-func-bg: #f4f5f5;
|
||||
|
||||
$code-tag-bg: $gray-6;
|
||||
$code-tag-border: $gray-4;
|
||||
|
||||
// cards
|
||||
$card-background: #F4F5F5;
|
||||
$card-background-hover: #F4F5F5;
|
||||
$card-background: #f4f5f5;
|
||||
$card-background-hover: #f4f5f5;
|
||||
$card-shadow: none;
|
||||
|
||||
// Lists
|
||||
@ -93,7 +93,7 @@ $scrollbarBackground2: $gray-4;
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
$table-bg-accent: #F4F5F5;
|
||||
$table-bg-accent: #f4f5f5;
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
@ -106,14 +106,14 @@ $btn-drag-image: '../img/grab_light.svg';
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
$input-bg: #FFFFFF;
|
||||
$input-bg: #ffffff;
|
||||
|
||||
$input-color: rgba(36, 41, 46, 1);
|
||||
$input-border-color: rgba(36, 41, 46, 0.30);
|
||||
$input-border-color: rgba(36, 41, 46, 0.3);
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
$dropdownBackground: #FFFFFF;
|
||||
$dropdownBackground: #ffffff;
|
||||
$dropdownBorder: rgba(36, 41, 46, 0.12);
|
||||
$dropdownDividerTop: rgba(36, 41, 46, 0.12);
|
||||
$dropdownDividerBottom: rgba(36, 41, 46, 0.12);
|
||||
@ -126,31 +126,31 @@ $dropdownLinkBackgroundHover: $gray-6;
|
||||
|
||||
// Menu dropdowns
|
||||
// -------------------------
|
||||
$menu-dropdown-bg: #FFFFFF;
|
||||
$menu-dropdown-bg: #ffffff;
|
||||
$menu-dropdown-hover-bg: rgba(36, 41, 46, 0.12);
|
||||
$menu-dropdown-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
$alert-error-bg: #E0226E;
|
||||
$alert-success-bg: #1B855E;
|
||||
$alert-warning-bg: #FF9900;
|
||||
$alert-info-bg: #FF9900;
|
||||
$alert-error-bg: #e0226e;
|
||||
$alert-success-bg: #1b855e;
|
||||
$alert-warning-bg: #ff9900;
|
||||
$alert-info-bg: #ff9900;
|
||||
|
||||
// Tooltips and popovers
|
||||
$tooltipBackground: #F4F5F5;
|
||||
$tooltipBackground: #f4f5f5;
|
||||
$tooltipColor: rgba(36, 41, 46, 1);
|
||||
|
||||
$popover-bg: #FFFFFF;
|
||||
$popover-bg: #ffffff;
|
||||
$popover-color: rgba(36, 41, 46, 1);
|
||||
$popover-border-color: rgba(36, 41, 46, 0.12);
|
||||
$popover-header-bg: #F4F5F5;
|
||||
$popover-header-bg: #f4f5f5;
|
||||
$popover-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);
|
||||
|
||||
$graph-tooltip-bg: $gray-5;
|
||||
|
||||
$tooltipLinkColor: color.adjust($tooltipColor, $lightness: 5%);
|
||||
$tooltipExternalLinkColor: #6E9FFF;
|
||||
$tooltipExternalLinkColor: #6e9fff;
|
||||
|
||||
$popover-error-bg: $red-base;
|
||||
$popover-help-bg: $tooltipBackground;
|
||||
|
52
yarn.lock
52
yarn.lock
@ -1680,7 +1680,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@csstools/css-parser-algorithms@npm:^3.0.4":
|
||||
"@csstools/css-parser-algorithms@npm:^3.0.1, @csstools/css-parser-algorithms@npm:^3.0.4":
|
||||
version: 3.0.4
|
||||
resolution: "@csstools/css-parser-algorithms@npm:3.0.4"
|
||||
peerDependencies:
|
||||
@ -1689,13 +1689,23 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@csstools/css-tokenizer@npm:^3.0.3":
|
||||
"@csstools/css-tokenizer@npm:^3.0.1, @csstools/css-tokenizer@npm:^3.0.3":
|
||||
version: 3.0.3
|
||||
resolution: "@csstools/css-tokenizer@npm:3.0.3"
|
||||
checksum: 10/6baa3160e426e1f177b8f10d54ec7a4a596090f65a05f16d7e9e4da049962a404eabc5f885f4867093702c259cd4080ac92a438326e22dea015201b3e71f5bbb
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@csstools/media-query-list-parser@npm:^3.0.1":
|
||||
version: 3.0.1
|
||||
resolution: "@csstools/media-query-list-parser@npm:3.0.1"
|
||||
peerDependencies:
|
||||
"@csstools/css-parser-algorithms": ^3.0.1
|
||||
"@csstools/css-tokenizer": ^3.0.1
|
||||
checksum: 10/794344c67b126ad93d516ab3f01254d44cfa794c3401e34e8cc62ddc7fc13c9ab6c76cb517b643dbda47b57f2eb578c6a11c4a9a4b516d88e260a4016b64ce7f
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@csstools/media-query-list-parser@npm:^4.0.2":
|
||||
version: 4.0.2
|
||||
resolution: "@csstools/media-query-list-parser@npm:4.0.2"
|
||||
@ -7617,6 +7627,24 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@stylistic/stylelint-plugin@npm:^3.0.1":
|
||||
version: 3.1.1
|
||||
resolution: "@stylistic/stylelint-plugin@npm:3.1.1"
|
||||
dependencies:
|
||||
"@csstools/css-parser-algorithms": "npm:^3.0.1"
|
||||
"@csstools/css-tokenizer": "npm:^3.0.1"
|
||||
"@csstools/media-query-list-parser": "npm:^3.0.1"
|
||||
is-plain-object: "npm:^5.0.0"
|
||||
postcss-selector-parser: "npm:^6.1.2"
|
||||
postcss-value-parser: "npm:^4.2.0"
|
||||
style-search: "npm:^0.1.0"
|
||||
stylelint: "npm:^16.8.2"
|
||||
peerDependencies:
|
||||
stylelint: ^16.8.0
|
||||
checksum: 10/a7276c74a69b7c37e1db15fb8d0c7eeb5bce40f346a50c94d4a712c1100d83a9969dc1bc64494436bbb6c946ed606ccbd87a7c3fe697f2accb5504ead89c83d8
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
|
||||
version: 8.0.0
|
||||
resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
|
||||
@ -17795,7 +17823,7 @@ __metadata:
|
||||
smtp-tester: "npm:^2.1.0"
|
||||
style-loader: "npm:4.0.0"
|
||||
stylelint: "npm:16.12.0"
|
||||
stylelint-config-sass-guidelines: "npm:11.1.0"
|
||||
stylelint-config-sass-guidelines: "npm:12.1.0"
|
||||
swagger-ui-react: "npm:5.18.2"
|
||||
symbol-observable: "npm:4.0.0"
|
||||
systemjs: "npm:6.15.1"
|
||||
@ -28557,6 +28585,13 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"style-search@npm:^0.1.0":
|
||||
version: 0.1.0
|
||||
resolution: "style-search@npm:0.1.0"
|
||||
checksum: 10/841049768c863737389558fafffa0b765f553bde041b7997c4cd54606b64b0d139936e2efee74dc1ce59fcde78aaa88484d9894838c31d5c98c1ccace312a59b
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"stylehacks@npm:^7.0.4":
|
||||
version: 7.0.4
|
||||
resolution: "stylehacks@npm:7.0.4"
|
||||
@ -28569,16 +28604,17 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"stylelint-config-sass-guidelines@npm:11.1.0":
|
||||
version: 11.1.0
|
||||
resolution: "stylelint-config-sass-guidelines@npm:11.1.0"
|
||||
"stylelint-config-sass-guidelines@npm:12.1.0":
|
||||
version: 12.1.0
|
||||
resolution: "stylelint-config-sass-guidelines@npm:12.1.0"
|
||||
dependencies:
|
||||
"@stylistic/stylelint-plugin": "npm:^3.0.1"
|
||||
postcss-scss: "npm:^4.0.9"
|
||||
stylelint-scss: "npm:^6.2.1"
|
||||
peerDependencies:
|
||||
postcss: ^8.4.21
|
||||
stylelint: ^16.1.0
|
||||
checksum: 10/2585e83932ffa1fa5b2895f8e3edbec1d3a39bc1f9737b8eb8c055ff4fc9a1d62950287d9525e0b98ad653c5777eb4bfdfe066804440938c170c263117351ba3
|
||||
checksum: 10/35a19408b4ce7428e1fbd782f6d7b3fdc3fce82e0272240d520e263c7aa9aabe7c12257304bbcbfacc0ad5e377227d7a12a73bc7b5425649d50df914c9db26a2
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -28597,7 +28633,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"stylelint@npm:16.12.0":
|
||||
"stylelint@npm:16.12.0, stylelint@npm:^16.8.2":
|
||||
version: 16.12.0
|
||||
resolution: "stylelint@npm:16.12.0"
|
||||
dependencies:
|
||||
|
Loading…
Reference in New Issue
Block a user