@media (prefers-color-scheme: dark) {

    :root {

        --BackgroundColorBrush : #0A0A0A;
        --BackgroundColorMidBrush : #141414;
        --BackgroundColorPrimaryBrush : #1F1F1F;
        --BackgroundColorMiddleBrush : rgba(255, 255, 255, 0.0326);
        --BackgroundColorTopBrush : rgba(52, 52, 52, 0.85);
        --BackgroundColorHoverBrush : rgba(255, 255, 255, 0.0726);
        --SurfaceStrokeColorDefaultBrush : 1px solid rgba(117, 117, 117, 0.4);
        --SurfaceStrokeColorFlyoutBrush : 1px solid rgba(0, 0, 0, 0.2);

        --TextFillColorPrimaryBrush : rgba(255, 255, 255, 1);
        --TextFillColorSecondaryBrush : rgba(255, 255, 255, 0.786);

        --TextFillColorPrimaryBrush_invert : #323130;
        --TextFillColorSecondaryBrush_invert : #616161;

        --SurfaceStrokeColorDefaultBrush : 1px solid rgba(117, 117, 117, 0.4);
        --SurfaceStrokeColorFlyoutBrush : 1px solid rgba(0, 0, 0, 0.2);


            --globalColorGrey4:#0a0a0a;
            --globalColorGrey8:#141414;
            --globalColorGrey12:#1f1f1f;
            --globalColorGrey14:#242424;
            --globalColorGrey16:#292929;
            --globalColorGrey24:#3d3d3d;
            --globalColorGrey32:#525252;
            --globalColorGrey36:#5c5c5c;
            --globalColorGrey40:#666666;
            --globalColorGrey42:#6b6b6b;
            --globalColorGrey46:#757575;
            --globalColorGrey60:#999999;
            --globalColorGrey68:#adadad;
            --globalColorGrey84:#d6d6d6;
            --globalColorGrey14Alpha80:#242424cc;
            --globalColorWhiteAlpha10:#ffffff1a;
            --globalColorWhite:#ffffff;
            --globalColorBlack:#000000;
            --globalColorLightBlueTint30:#83bdeb;
            --globalColorCranberryTint40:#eeacb2;
            --globalColorCranberryTint60:#fdf3f4;
            --colorTransparentBackground:transparent;
            --colorNeutralBackground6:#00000033;
            --colorNeutralBackground7:#0000004d;
            --colorNeutralBackground8:#00000066;
            --colorNeutralBackgroundAlpha3Hover:#ffffff0f;
            --fontSizeBase100:10px;
            --fontSizeBase200:12px;
            --fontSizeBase300:14px;
            --fontSizeBase400:16px;
            --fontSizeBase500:20px;
            --fontWeightRegular:400;
            --fontWeightSemibold:600;
            --borderRadiusSmall:2px;
            --borderRadiusMedium:4px;
            --borderRadiusLarge:6px;
            --borderRadiusXLarge:8px;
            --borderRadiusCircular:10000px;
            --lineHeightBase300:20px;
            --lineHeightBase500:28px;
            --colorTransparentStroke:transparent;
            --colorStrokeFocus2:var(--globalColorWhite);
            --colorStrokeFocus3:#ffffff0d;
            --shadow4:0 0 2px rgba(0, 0, 0, 0.12),0 2px 4px rgba(0, 0, 0, 0.14);
            --shadow28:0 0 2px rgba(0, 0, 0, 0.12),0 4px 8px rgba(0, 0, 0, 0.14);
            --shadow64:0 0 8px rgba(0, 0, 0, 0.4),0 32px 64px rgba(0, 0, 0, 0.48);
            --shadowElevation2:0px 1px 2px rgba(0, 0, 0, 0.14),0px 0px 2px rgba(0, 0, 0, 0.12);
            --shadowElevation4:0px 2px 4px rgba(0, 0, 0, 0.14),0px 0px 2px rgba(0, 0, 0, 0.12);
            --durationFaster:100ms;
            --durationFast:150ms;
            --durationNormal:200ms;
            --durationSlow:300ms;
            --durationSlower:400ms;
            --borderRadiusNone:0;
            --borderRadiusXLarge:8px;
            --curveEasyEase:cubic-bezier(0.33, 0, 0.67, 1);
            --curveDecelerateMax:cubic-bezier(0, 0, 0, 1);
            --curveEasyEaseMax:cubic-bezier(0.8, 0, 0.1, 1);
            --curveDecelerateMid:cubic-bezier(0.1, 0.9, 0.2, 1);
            --curveDecelerateMin:cubic-bezier(0.33, 0, 0.1, 1);
            --s:8px;
            --m:12px;
            --spacingHorizontalM:var(--m);
            --spacingVerticalS:var(--s);
            --spacingVerticalM:var(--m);
            --strokeWidthThin:1px;

            --pageBackgroundGradientColorStop1: #17262f;
            --pageBackgroundGradientColorStop2: #18171c;
            --pageBackgroundGradientColorStop3: #141414;
        
            --AccentTextFillColorPrimaryBrush: linear-gradient(128.84deg, #0f6cbd 20.46%, #3c45ab 72.3%);
            --AccentTextFillColorSecondaryBrush: linear-gradient(128.84deg,#025caa 20.46%,#222b91 72.3%);

            --SystemFillColorAttentionBrush : linear-gradient(128.84deg, #0f6cbd 20.46%, #3c45ab 72.3%);;
            --SystemFillColorAttentionBackgroundBrush : rgba(255, 255, 255, 0.0326);
        
            --SystemFillColorSuccessBrush : rgba(108, 203, 95, 1);
            --SystemFillColorSuccessBackgroundBrush : rgba(57, 61, 27, 1);
        
            --SystemFillColorCautionBrush : rgba(252, 225, 0, 1);
            --SystemFillColorCautionBackgroundBrush : rgba(67, 53, 25, 1);
        
            --SystemFillColorNeutralBrush : rgba(196, 43, 28, 1);
            --SystemFillColorCriticalBackgroundBrush : rgba(68, 39, 38, 1);
    
            --ColorBadgeIconRed : #D13438;
            --ColorBadgeIconGreen : #107C10;
        }

        .top-menu .content .applauncher img {filter: invert(100);}
    }