Stackedit/public/res/styles/solarized.less

138 lines
3.8 KiB
Plaintext
Raw Normal View History

@import "main.less";
/* Solarized color palette */
@base02: #073642;
@base01: #586e75;
@base03: #002b36;
@base00: #657b83;
@base0: #839496;
@base1: #93a1a1;
@base2: #eee8d5;
@base3: #fdf6e3;
@yellow: #b58900;
@orange: #cb4b16;
@red: #dc322f;
@magenta: #d33682;
@violet: #6c71c4;
@blue: #268bd2;
@cyan: #2aa198;
@green: #859900;
/* Aliases */
@emphasized-content: @A1;
@primary-content: @A0;
@secondary-content: @A01;
@background-highlights: @A02;
@background: @A03;
/* Colors */
@logo-yellow: @yellow;
@logo-blue: @blue;
@logo-orange: @orange;
@logo-green: @green;
@primary: @primary-content;
@secondary: @A01;
@tertiary: @blue;
@primary-desaturated: @primary;
@secondary-desaturated: @secondary;
@red-color: @red;
2014-09-09 23:36:29 +00:00
/* Navbar */
@primary-bg: @background-highlights;
@primary-border-color: @background-highlights;
2014-09-09 23:36:29 +00:00
/* Navbar buttons */
@btn-success-color: @A1;
@btn-success-bg: @transparent;
@btn-success-border: @transparent;
@btn-success-hover-color: @transparent;
@btn-success-hover-bg: @blue;
2014-09-09 23:36:29 +00:00
/* Buttons over preview */
@btn-info-color: @secondary-content;
@btn-info-bg: @transparent;
@btn-info-border: @transparent;
@btn-info-hover-color: @background;
@btn-info-hover-border: @transparent;
@btn-info-hover-bg: @blue;
2014-09-09 23:36:29 +00:00
/* Preview and menus */
@secondary-bg-dark: @background;
@secondary-bg: @background;
@secondary-bg-light: @background;
@secondary-bg-lighter: @background-highlights;
@secondary-color: @A01;
@secondary-color-dark: @A00;
@secondary-color-darker: @A0;
@secondary-color-darkest: @A1;
@secondary-border-color: @secondary;
@secondary-border-color-light: @secondary;
@secondary-border-color-lighter: @secondary;
2014-09-09 23:36:29 +00:00
/* Editor */
@tertiary-bg: @A03;
@tertiary-color-lighter: @A02;
@tertiary-color-light: @A01;
@tertiary-color: @A00;
@tertiary-color-dark: @A0;
@tertiary-color-darker: @A1;
2014-09-09 23:36:29 +00:00
/* Panel buttons */
@panel-button-bg-color: @background-highlights;
@panel-border-color: @transparent;
@error-border: @red;
@disabled-color: mix(@secondary-color, @input-bg, 33%);
@folder-color: @primary-content;
@jgrowl-bg-color: @background;
/* Bootstrap */
@body-bg: @background;
@text-color: @primary-content;
@link-color: @yellow;
@link-hover-color: @orange;
@input-bg: @background;
@input-border: @secondary-content;
@blockquote-border-color: @cyan;
@blockquote-bg: @background-highlights;
@code-color: @primary-content;
@code-bg: @background-highlights;
@hr-border: @secondary-content;
@navbar-default-bg: @background-highlights;
@nav-link-hover-bg: @green;
@nav-disabled-link-color: @disabled-color;
@nav-disabled-link-hover-color: @disabled-color;
@nav-tabs-border-color: @transparent;
@nav-tabs-link-hover-border-color: @transparent;
@dropdown-bg: @background;
@dropdown-border: @secondary-border-color;
@dropdown-link-color: @secondary-color-darkest;
@dropdown-link-hover-color: @red;
@dropdown-link-hover-bg: @btn-default-hover-bg;
@dropdown-header-color: @secondary-color;
@dropdown-link-disabled-color: @disabled-color;
@dropdown-divider-bg: @dropdown-border;
@list-group-link-color: @A1;
@list-group-bg: @secondary-bg-light;
@list-group-border: @transparent;
@list-group-active-color: @green;
@list-group-active-bg: @primary-bg;
@list-group-active-border: @secondary;
@list-group-hover-bg: @background-highlights;
@list-group-hover-border-color: @transparent;
@input-color: @secondary-color-darkest;
@input-color-placeholder: @disabled-color;
@gray-lighter: @body-bg;
@modal-header-border-color: @transparent;
@modal-content-bg: @secondary-bg-lighter;
@modal-content-border-color: @transparent;
@modal-footer-border-color: @transparent;
@modal-content-separator-color: @secondary-content;
@modal-backdrop-bg: @background;
@close-color: @secondary-color-darkest;
@popover-bg: @secondary-bg;
@popover-border-color: @transparent;
@popover-arrow-color: @secondary-bg;
@popover-arrow-outer-color: @secondary-border-color;
@popover-title-bg: @transparent;