mirror of
https://github.com/XFox111/my-website.git
synced 2026-04-22 07:28:01 +03:00
343 lines
15 KiB
SCSS
343 lines
15 KiB
SCSS
@mixin lightTheme
|
|
{
|
|
--colorNeutralForeground1: #242424;
|
|
--colorNeutralForeground1Hover: #242424;
|
|
--colorNeutralForeground1Pressed: #242424;
|
|
--colorNeutralForeground1Selected: #242424;
|
|
--colorNeutralForeground2: #424242;
|
|
--colorNeutralForeground2Hover: #242424;
|
|
--colorNeutralForeground2Pressed: #242424;
|
|
--colorNeutralForeground2Selected: #242424;
|
|
--colorNeutralForeground2BrandHover: #9d4b2e;
|
|
--colorNeutralForeground2BrandPressed: #874229;
|
|
--colorNeutralForeground2BrandSelected: #9d4b2e;
|
|
--colorNeutralForeground3: #616161;
|
|
--colorNeutralForeground3Hover: #424242;
|
|
--colorNeutralForeground3Pressed: #424242;
|
|
--colorNeutralForeground3Selected: #424242;
|
|
--colorNeutralForeground3BrandHover: #9d4b2e;
|
|
--colorNeutralForeground3BrandPressed: #874229;
|
|
--colorNeutralForeground3BrandSelected: #9d4b2e;
|
|
--colorNeutralForeground4: #707070;
|
|
--colorNeutralForegroundDisabled: #bdbdbd;
|
|
--colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
|
|
--colorBrandForegroundLink: #874229;
|
|
--colorBrandForegroundLinkHover: #723924;
|
|
--colorBrandForegroundLinkPressed: #4b271a;
|
|
--colorBrandForegroundLinkSelected: #874229;
|
|
--colorNeutralForeground2Link: #424242;
|
|
--colorNeutralForeground2LinkHover: #242424;
|
|
--colorNeutralForeground2LinkPressed: #242424;
|
|
--colorNeutralForeground2LinkSelected: #242424;
|
|
--colorCompoundBrandForeground1: #9d4b2e;
|
|
--colorCompoundBrandForeground1Hover: #874229;
|
|
--colorCompoundBrandForeground1Pressed: #723924;
|
|
--colorBrandForeground1: #9d4b2e;
|
|
--colorBrandForeground2: #874229;
|
|
--colorBrandForeground2Hover: #723924;
|
|
--colorBrandForeground2Pressed: #381f15;
|
|
--colorNeutralForeground1Static: #242424;
|
|
--colorNeutralForegroundStaticInverted: #ffffff;
|
|
--colorNeutralForegroundInverted: #ffffff;
|
|
--colorNeutralForegroundInvertedHover: #ffffff;
|
|
--colorNeutralForegroundInvertedPressed: #ffffff;
|
|
--colorNeutralForegroundInvertedSelected: #ffffff;
|
|
--colorNeutralForegroundInverted2: #ffffff;
|
|
--colorNeutralForegroundOnBrand: #ffffff;
|
|
--colorNeutralForegroundInvertedLink: #ffffff;
|
|
--colorNeutralForegroundInvertedLinkHover: #ffffff;
|
|
--colorNeutralForegroundInvertedLinkPressed: #ffffff;
|
|
--colorNeutralForegroundInvertedLinkSelected: #ffffff;
|
|
--colorBrandForegroundInverted: #c95e38;
|
|
--colorBrandForegroundInvertedHover: #e0683e;
|
|
--colorBrandForegroundInvertedPressed: #c95e38;
|
|
--colorBrandForegroundOnLight: #9d4b2e;
|
|
--colorBrandForegroundOnLightHover: #874229;
|
|
--colorBrandForegroundOnLightPressed: #5e301f;
|
|
--colorBrandForegroundOnLightSelected: #723924;
|
|
--colorNeutralBackground1: #ffffff;
|
|
--colorNeutralBackground1Hover: #f5f5f5;
|
|
--colorNeutralBackground1Pressed: #e0e0e0;
|
|
--colorNeutralBackground1Selected: #ebebeb;
|
|
--colorNeutralBackground2: #fafafa;
|
|
--colorNeutralBackground2Hover: #f0f0f0;
|
|
--colorNeutralBackground2Pressed: #dbdbdb;
|
|
--colorNeutralBackground2Selected: #e6e6e6;
|
|
--colorNeutralBackground3: #f5f5f5;
|
|
--colorNeutralBackground3Hover: #ebebeb;
|
|
--colorNeutralBackground3Pressed: #d6d6d6;
|
|
--colorNeutralBackground3Selected: #e0e0e0;
|
|
--colorNeutralBackground4: #f0f0f0;
|
|
--colorNeutralBackground4Hover: #fafafa;
|
|
--colorNeutralBackground4Pressed: #f5f5f5;
|
|
--colorNeutralBackground4Selected: #ffffff;
|
|
--colorNeutralBackground5: #ebebeb;
|
|
--colorNeutralBackground5Hover: #f5f5f5;
|
|
--colorNeutralBackground5Pressed: #f0f0f0;
|
|
--colorNeutralBackground5Selected: #fafafa;
|
|
--colorNeutralBackground6: #e6e6e6;
|
|
--colorNeutralBackgroundInverted: #292929;
|
|
--colorNeutralBackgroundStatic: #333333;
|
|
--colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5);
|
|
--colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8);
|
|
--colorSubtleBackground: transparent;
|
|
--colorSubtleBackgroundHover: #f5f5f5;
|
|
--colorSubtleBackgroundPressed: #e0e0e0;
|
|
--colorSubtleBackgroundSelected: #ebebeb;
|
|
--colorSubtleBackgroundLightAlphaHover: rgba(255, 255, 255, 0.7);
|
|
--colorSubtleBackgroundLightAlphaPressed: rgba(255, 255, 255, 0.5);
|
|
--colorSubtleBackgroundLightAlphaSelected: transparent;
|
|
--colorSubtleBackgroundInverted: transparent;
|
|
--colorSubtleBackgroundInvertedHover: rgba(0, 0, 0, 0.1);
|
|
--colorSubtleBackgroundInvertedPressed: rgba(0, 0, 0, 0.3);
|
|
--colorSubtleBackgroundInvertedSelected: rgba(0, 0, 0, 0.2);
|
|
--colorTransparentBackground: transparent;
|
|
--colorTransparentBackgroundHover: transparent;
|
|
--colorTransparentBackgroundPressed: transparent;
|
|
--colorTransparentBackgroundSelected: transparent;
|
|
--colorNeutralBackgroundDisabled: #f0f0f0;
|
|
--colorNeutralBackgroundInvertedDisabled: rgba(255, 255, 255, 0.1);
|
|
--colorNeutralStencil1: #e6e6e6;
|
|
--colorNeutralStencil2: #fafafa;
|
|
--colorNeutralStencil1Alpha: rgba(0, 0, 0, 0.1);
|
|
--colorNeutralStencil2Alpha: rgba(0, 0, 0, 0.05);
|
|
--colorBackgroundOverlay: rgba(0, 0, 0, 0.4);
|
|
--colorScrollbarOverlay: rgba(0, 0, 0, 0.5);
|
|
--colorBrandBackground: #9d4b2e;
|
|
--colorBrandBackgroundHover: #874229;
|
|
--colorBrandBackgroundPressed: #4b271a;
|
|
--colorBrandBackgroundSelected: #723924;
|
|
--colorCompoundBrandBackground: #9d4b2e;
|
|
--colorCompoundBrandBackgroundHover: #874229;
|
|
--colorCompoundBrandBackgroundPressed: #723924;
|
|
--colorBrandBackgroundStatic: #9d4b2e;
|
|
--colorBrandBackground2: #ffcbb8;
|
|
--colorBrandBackground2Hover: #ffb69a;
|
|
--colorBrandBackground2Pressed: #ff875b;
|
|
--colorBrandBackgroundInverted: #ffffff;
|
|
--colorBrandBackgroundInvertedHover: #ffcbb8;
|
|
--colorBrandBackgroundInvertedPressed: #ff9f7c;
|
|
--colorBrandBackgroundInvertedSelected: #ffb69a;
|
|
--colorNeutralStrokeAccessible: #616161;
|
|
--colorNeutralStrokeAccessibleHover: #575757;
|
|
--colorNeutralStrokeAccessiblePressed: #4d4d4d;
|
|
--colorNeutralStrokeAccessibleSelected: #9d4b2e;
|
|
--colorNeutralStroke1: #d1d1d1;
|
|
--colorNeutralStroke1Hover: #c7c7c7;
|
|
--colorNeutralStroke1Pressed: #b3b3b3;
|
|
--colorNeutralStroke1Selected: #bdbdbd;
|
|
--colorNeutralStroke2: #e0e0e0;
|
|
--colorNeutralStroke3: #f0f0f0;
|
|
--colorNeutralStrokeSubtle: #e0e0e0;
|
|
--colorNeutralStrokeOnBrand: #ffffff;
|
|
--colorNeutralStrokeOnBrand2: #ffffff;
|
|
--colorNeutralStrokeOnBrand2Hover: #ffffff;
|
|
--colorNeutralStrokeOnBrand2Pressed: #ffffff;
|
|
--colorNeutralStrokeOnBrand2Selected: #ffffff;
|
|
--colorBrandStroke1: #9d4b2e;
|
|
--colorBrandStroke2: #ff9f7c;
|
|
--colorBrandStroke2Hover: #f77243;
|
|
--colorBrandStroke2Pressed: #9d4b2e;
|
|
--colorBrandStroke2Contrast: #ff9f7c;
|
|
--colorCompoundBrandStroke: #9d4b2e;
|
|
--colorCompoundBrandStrokeHover: #874229;
|
|
--colorCompoundBrandStrokePressed: #723924;
|
|
--colorNeutralStrokeDisabled: #e0e0e0;
|
|
--colorNeutralStrokeInvertedDisabled: rgba(255, 255, 255, 0.4);
|
|
--colorTransparentStroke: transparent;
|
|
--colorTransparentStrokeInteractive: transparent;
|
|
--colorTransparentStrokeDisabled: transparent;
|
|
--colorNeutralStrokeAlpha: rgba(0, 0, 0, 0.05);
|
|
--colorNeutralStrokeAlpha2: rgba(255, 255, 255, 0.2);
|
|
--colorStrokeFocus1: #ffffff;
|
|
--colorStrokeFocus2: #000000;
|
|
--colorNeutralShadowAmbient: rgba(0,0,0,0.12);
|
|
--colorNeutralShadowKey: rgba(0,0,0,0.14);
|
|
--colorNeutralShadowAmbientLighter: rgba(0,0,0,0.06);
|
|
--colorNeutralShadowKeyLighter: rgba(0,0,0,0.07);
|
|
--colorNeutralShadowAmbientDarker: rgba(0,0,0,0.20);
|
|
--colorNeutralShadowKeyDarker: rgba(0,0,0,0.24);
|
|
--colorBrandShadowAmbient: rgba(0,0,0,0.30);
|
|
--colorBrandShadowKey: rgba(0,0,0,0.25);
|
|
--colorPaletteRedBackground1: #fdf6f6;
|
|
--colorPaletteRedBackground2: #f1bbbc;
|
|
--colorPaletteRedBackground3: #d13438;
|
|
--colorPaletteRedForeground1: #bc2f32;
|
|
--colorPaletteRedForeground2: #751d1f;
|
|
--colorPaletteRedForeground3: #d13438;
|
|
--colorPaletteRedBorderActive: #d13438;
|
|
--colorPaletteRedBorder1: #f1bbbc;
|
|
--colorPaletteRedBorder2: #d13438;
|
|
--colorPaletteGreenBackground1: #f1faf1;
|
|
--colorPaletteGreenBackground2: #9fd89f;
|
|
--colorPaletteGreenBackground3: #107c10;
|
|
--colorPaletteGreenForeground1: #0e700e;
|
|
--colorPaletteGreenForeground2: #094509;
|
|
--colorPaletteGreenForeground3: #107c10;
|
|
--colorPaletteGreenBorderActive: #107c10;
|
|
--colorPaletteGreenBorder1: #9fd89f;
|
|
--colorPaletteGreenBorder2: #107c10;
|
|
--colorPaletteDarkOrangeBackground1: #fdf6f3;
|
|
--colorPaletteDarkOrangeBackground2: #f4bfab;
|
|
--colorPaletteDarkOrangeBackground3: #da3b01;
|
|
--colorPaletteDarkOrangeForeground1: #c43501;
|
|
--colorPaletteDarkOrangeForeground2: #7a2101;
|
|
--colorPaletteDarkOrangeForeground3: #da3b01;
|
|
--colorPaletteDarkOrangeBorderActive: #da3b01;
|
|
--colorPaletteDarkOrangeBorder1: #f4bfab;
|
|
--colorPaletteDarkOrangeBorder2: #da3b01;
|
|
--colorPaletteYellowBackground1: #fffef5;
|
|
--colorPaletteYellowBackground2: #fef7b2;
|
|
--colorPaletteYellowBackground3: #fde300;
|
|
--colorPaletteYellowForeground1: #817400;
|
|
--colorPaletteYellowForeground2: #817400;
|
|
--colorPaletteYellowForeground3: #fde300;
|
|
--colorPaletteYellowBorderActive: #fde300;
|
|
--colorPaletteYellowBorder1: #fef7b2;
|
|
--colorPaletteYellowBorder2: #fde300;
|
|
--colorPaletteBerryBackground1: #fdf5fc;
|
|
--colorPaletteBerryBackground2: #edbbe7;
|
|
--colorPaletteBerryBackground3: #c239b3;
|
|
--colorPaletteBerryForeground1: #af33a1;
|
|
--colorPaletteBerryForeground2: #6d2064;
|
|
--colorPaletteBerryForeground3: #c239b3;
|
|
--colorPaletteBerryBorderActive: #c239b3;
|
|
--colorPaletteBerryBorder1: #edbbe7;
|
|
--colorPaletteBerryBorder2: #c239b3;
|
|
--colorPaletteLightGreenBackground1: #f2fbf2;
|
|
--colorPaletteLightGreenBackground2: #a7e3a5;
|
|
--colorPaletteLightGreenBackground3: #13a10e;
|
|
--colorPaletteLightGreenForeground1: #11910d;
|
|
--colorPaletteLightGreenForeground2: #0b5a08;
|
|
--colorPaletteLightGreenForeground3: #13a10e;
|
|
--colorPaletteLightGreenBorderActive: #13a10e;
|
|
--colorPaletteLightGreenBorder1: #a7e3a5;
|
|
--colorPaletteLightGreenBorder2: #13a10e;
|
|
--colorPaletteMarigoldBackground1: #fefbf4;
|
|
--colorPaletteMarigoldBackground2: #f9e2ae;
|
|
--colorPaletteMarigoldBackground3: #eaa300;
|
|
--colorPaletteMarigoldForeground1: #d39300;
|
|
--colorPaletteMarigoldForeground2: #835b00;
|
|
--colorPaletteMarigoldForeground3: #eaa300;
|
|
--colorPaletteMarigoldBorderActive: #eaa300;
|
|
--colorPaletteMarigoldBorder1: #f9e2ae;
|
|
--colorPaletteMarigoldBorder2: #eaa300;
|
|
--colorPaletteRedForegroundInverted: #dc5e62;
|
|
--colorPaletteGreenForegroundInverted: #359b35;
|
|
--colorPaletteYellowForegroundInverted: #fef7b2;
|
|
--colorPaletteDarkRedBackground2: #d69ca5;
|
|
--colorPaletteDarkRedForeground2: #420610;
|
|
--colorPaletteDarkRedBorderActive: #750b1c;
|
|
--colorPaletteCranberryBackground2: #eeacb2;
|
|
--colorPaletteCranberryForeground2: #6e0811;
|
|
--colorPaletteCranberryBorderActive: #c50f1f;
|
|
--colorPalettePumpkinBackground2: #efc4ad;
|
|
--colorPalettePumpkinForeground2: #712d09;
|
|
--colorPalettePumpkinBorderActive: #ca5010;
|
|
--colorPalettePeachBackground2: #ffddb3;
|
|
--colorPalettePeachForeground2: #8f4e00;
|
|
--colorPalettePeachBorderActive: #ff8c00;
|
|
--colorPaletteGoldBackground2: #ecdfa5;
|
|
--colorPaletteGoldForeground2: #6c5700;
|
|
--colorPaletteGoldBorderActive: #c19c00;
|
|
--colorPaletteBrassBackground2: #e0cea2;
|
|
--colorPaletteBrassForeground2: #553e06;
|
|
--colorPaletteBrassBorderActive: #986f0b;
|
|
--colorPaletteBrownBackground2: #ddc3b0;
|
|
--colorPaletteBrownForeground2: #50301a;
|
|
--colorPaletteBrownBorderActive: #8e562e;
|
|
--colorPaletteForestBackground2: #bdd99b;
|
|
--colorPaletteForestForeground2: #294903;
|
|
--colorPaletteForestBorderActive: #498205;
|
|
--colorPaletteSeafoamBackground2: #a8f0cd;
|
|
--colorPaletteSeafoamForeground2: #00723b;
|
|
--colorPaletteSeafoamBorderActive: #00cc6a;
|
|
--colorPaletteDarkGreenBackground2: #9ad29a;
|
|
--colorPaletteDarkGreenForeground2: #063b06;
|
|
--colorPaletteDarkGreenBorderActive: #0b6a0b;
|
|
--colorPaletteLightTealBackground2: #a6e9ed;
|
|
--colorPaletteLightTealForeground2: #00666d;
|
|
--colorPaletteLightTealBorderActive: #00b7c3;
|
|
--colorPaletteTealBackground2: #9bd9db;
|
|
--colorPaletteTealForeground2: #02494c;
|
|
--colorPaletteTealBorderActive: #038387;
|
|
--colorPaletteSteelBackground2: #94c8d4;
|
|
--colorPaletteSteelForeground2: #00333f;
|
|
--colorPaletteSteelBorderActive: #005b70;
|
|
--colorPaletteBlueBackground2: #a9d3f2;
|
|
--colorPaletteBlueForeground2: #004377;
|
|
--colorPaletteBlueBorderActive: #0078d4;
|
|
--colorPaletteRoyalBlueBackground2: #9abfdc;
|
|
--colorPaletteRoyalBlueForeground2: #002c4e;
|
|
--colorPaletteRoyalBlueBorderActive: #004e8c;
|
|
--colorPaletteCornflowerBackground2: #c8d1fa;
|
|
--colorPaletteCornflowerForeground2: #2c3c85;
|
|
--colorPaletteCornflowerBorderActive: #4f6bed;
|
|
--colorPaletteNavyBackground2: #a3b2e8;
|
|
--colorPaletteNavyForeground2: #001665;
|
|
--colorPaletteNavyBorderActive: #0027b4;
|
|
--colorPaletteLavenderBackground2: #d2ccf8;
|
|
--colorPaletteLavenderForeground2: #3f3682;
|
|
--colorPaletteLavenderBorderActive: #7160e8;
|
|
--colorPalettePurpleBackground2: #c6b1de;
|
|
--colorPalettePurpleForeground2: #341a51;
|
|
--colorPalettePurpleBorderActive: #5c2e91;
|
|
--colorPaletteGrapeBackground2: #d9a7e0;
|
|
--colorPaletteGrapeForeground2: #4c0d55;
|
|
--colorPaletteGrapeBorderActive: #881798;
|
|
--colorPaletteLilacBackground2: #e6bfed;
|
|
--colorPaletteLilacForeground2: #63276d;
|
|
--colorPaletteLilacBorderActive: #b146c2;
|
|
--colorPalettePinkBackground2: #f7c0e3;
|
|
--colorPalettePinkForeground2: #80215d;
|
|
--colorPalettePinkBorderActive: #e43ba6;
|
|
--colorPaletteMagentaBackground2: #eca5d1;
|
|
--colorPaletteMagentaForeground2: #6b0043;
|
|
--colorPaletteMagentaBorderActive: #bf0077;
|
|
--colorPalettePlumBackground2: #d696c0;
|
|
--colorPalettePlumForeground2: #43002b;
|
|
--colorPalettePlumBorderActive: #77004d;
|
|
--colorPaletteBeigeBackground2: #d7d4d4;
|
|
--colorPaletteBeigeForeground2: #444241;
|
|
--colorPaletteBeigeBorderActive: #7a7574;
|
|
--colorPaletteMinkBackground2: #cecccb;
|
|
--colorPaletteMinkForeground2: #343231;
|
|
--colorPaletteMinkBorderActive: #5d5a58;
|
|
--colorPalettePlatinumBackground2: #cdd6d8;
|
|
--colorPalettePlatinumForeground2: #3b4447;
|
|
--colorPalettePlatinumBorderActive: #69797e;
|
|
--colorPaletteAnchorBackground2: #bcc3c7;
|
|
--colorPaletteAnchorForeground2: #202427;
|
|
--colorPaletteAnchorBorderActive: #394146;
|
|
--colorStatusSuccessBackground1: #f1faf1;
|
|
--colorStatusSuccessBackground2: #9fd89f;
|
|
--colorStatusSuccessBackground3: #107c10;
|
|
--colorStatusSuccessForeground1: #0e700e;
|
|
--colorStatusSuccessForeground2: #094509;
|
|
--colorStatusSuccessForeground3: #107c10;
|
|
--colorStatusSuccessForegroundInverted: #54b054;
|
|
--colorStatusSuccessBorderActive: #107c10;
|
|
--colorStatusSuccessBorder1: #9fd89f;
|
|
--colorStatusSuccessBorder2: #107c10;
|
|
--colorStatusWarningBackground1: #fff9f5;
|
|
--colorStatusWarningBackground2: #fdcfb4;
|
|
--colorStatusWarningBackground3: #f7630c;
|
|
--colorStatusWarningForeground1: #bc4b09;
|
|
--colorStatusWarningForeground2: #8a3707;
|
|
--colorStatusWarningForeground3: #bc4b09;
|
|
--colorStatusWarningForegroundInverted: #faa06b;
|
|
--colorStatusWarningBorderActive: #f7630c;
|
|
--colorStatusWarningBorder1: #fdcfb4;
|
|
--colorStatusWarningBorder2: #bc4b09;
|
|
--colorStatusDangerBackground1: #fdf3f4;
|
|
--colorStatusDangerBackground2: #eeacb2;
|
|
--colorStatusDangerBackground3: #c50f1f;
|
|
--colorStatusDangerForeground1: #b10e1c;
|
|
--colorStatusDangerForeground2: #6e0811;
|
|
--colorStatusDangerForeground3: #c50f1f;
|
|
--colorStatusDangerForegroundInverted: #dc626d;
|
|
--colorStatusDangerBorderActive: #c50f1f;
|
|
--colorStatusDangerBorder1: #eeacb2;
|
|
--colorStatusDangerBorder2: #c50f1f;
|
|
}
|