83 строки
3.8 KiB
Plaintext
83 строки
3.8 KiB
Plaintext
/*****************************************
|
|
Theme overrides
|
|
source vars: pxt/theme/themepacks.less
|
|
******************************************/
|
|
|
|
@pxt_page_foreground_light: #767676;
|
|
|
|
@pxt_headerbar_background: @blue;
|
|
@pxt_headerbar_background_glass: rgba(@pxt_headerbar_background, 0.25);
|
|
@pxt_headerbar_foreground: @white;
|
|
@pxt_headerbar_accent: darken(@pxt_headerbar_background, 8%);
|
|
@pxt_headerbar_accent_smoke: lighten(desaturate(@pxt_headerbar_background, 40%), 18%);
|
|
|
|
@pxt_content_background: #E4E7F1;
|
|
@pxt_content_background_glass: rgba(@pxt_content_background, 0.25);
|
|
@pxt_content_foreground: @blue;
|
|
@pxt_content_accent: darken(@pxt_content_background, 8%);
|
|
@pxt_content_secondary_foreground: #666666;
|
|
|
|
@pxt_button_primary_background: @primaryColor;
|
|
@pxt_button_primary_background_glass: rgba(@pxt_button_primary_background, 0.25);
|
|
@pxt_button_primary_foreground: @buttonTextColorDarkBackground;
|
|
@pxt_button_primary_accent: lighten(@pxt_button_primary_background, 8%);
|
|
|
|
@pxt_button_secondary_background: @secondaryColor;
|
|
@pxt_button_secondary_background_glass: rgba(@pxt_button_primary_background, 0.25);
|
|
@pxt_button_secondary_foreground: @buttonTextColorDarkBackground;
|
|
@pxt_button_secondary_accent: lighten(@pxt_button_secondary_background, 8%);
|
|
|
|
@pxt_success: #3AFFB3;
|
|
@pxt_info: #3ADCFF;
|
|
@pxt_warning: #FFD43A;
|
|
@pxt_error: #FF3A54;
|
|
@pxt_success_background: lighten(desaturate(@pxt_success, 40%), 10%);
|
|
@pxt_info_background: lighten(desaturate(@pxt_info, 40%), 10%);
|
|
@pxt_warning_background: lighten(desaturate(@pxt_warning, 40%), 10%);
|
|
@pxt_error_background: lighten(desaturate(@pxt_error, 40%), 10%);
|
|
@pxt_success_accent: darken(@pxt_success_background, 30%);
|
|
@pxt_info_accent: darken(@pxt_info_background, 30%);
|
|
@pxt_warning_accent: darken(@pxt_warning_background, 30%);
|
|
@pxt_error_accent: darken(@pxt_error_background, 20%);
|
|
|
|
:root {
|
|
/// Page
|
|
--pxt-page-font: @pageFont;
|
|
--pxt-page-foreground-light: @pxt_page_foreground_light;
|
|
/// Header bar
|
|
--pxt-headerbar-background: @pxt_headerbar_background;
|
|
--pxt-headerbar-background-glass: @pxt_headerbar_background_glass;
|
|
--pxt-headerbar-foreground: @pxt_headerbar_foreground;
|
|
--pxt-headerbar-accent: @pxt_headerbar_accent;
|
|
--pxt-headerbar-accent-smoke: @pxt_headerbar_accent_smoke;
|
|
/// Content area
|
|
--pxt-content-background: @pxt_content_background;
|
|
--pxt-content-background-glass: @pxt_content_background_glass;
|
|
--pxt-content-foreground: @pxt_content_foreground;
|
|
--pxt-content-accent: @pxt_content_accent;
|
|
--pxt-content-secondary-foreground: @pxt_content_secondary_foreground;
|
|
/// Primary button
|
|
--pxt-button-primary-background: @pxt_button_primary_background;
|
|
--pxt-button-primary-background-glass: @pxt_button_primary_background_glass;
|
|
--pxt-button-primary-foreground: @pxt_button_primary_foreground;
|
|
--pxt-button-primary-accent: @pxt_button_primary_accent;
|
|
/// Secondary button
|
|
--pxt-button-secondary-background: @pxt_button_secondary_background;
|
|
--pxt-button-secondary-background-glass: @pxt_button_secondary_background_glass;
|
|
--pxt-button-secondary-foreground: @pxt_button_secondary_foreground;
|
|
--pxt-button-secondary-accent: @pxt_button_secondary_accent;
|
|
/// Status colors
|
|
--pxt-success: @pxt_success;
|
|
--pxt-info: @pxt_info;
|
|
--pxt-warning: @pxt_warning;
|
|
--pxt-error: @pxt_error;
|
|
--pxt-success-background: @pxt_success_background;
|
|
--pxt-info-background: @pxt_info_background;
|
|
--pxt-warning-background: @pxt_warning_background;
|
|
--pxt-error-background: @pxt_error_background;
|
|
--pxt-success-accent: @pxt_success_accent;
|
|
--pxt-info-accent: @pxt_info_accent;
|
|
--pxt-warning-accent: @pxt_warning_accent;
|
|
--pxt-error-accent: @pxt_error_accent;
|
|
}
|