2014-09-09 23:25:25 +00:00
|
|
|
@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 */
|
2014-09-09 23:25:25 +00:00
|
|
|
@primary-bg: @background-highlights;
|
|
|
|
|
@primary-border-color: @background-highlights;
|
|
|
|
|
|
2014-09-09 23:36:29 +00:00
|
|
|
/* Navbar buttons */
|
2014-09-09 23:25:25 +00:00
|
|
|
@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 */
|
2014-09-09 23:25:25 +00:00
|
|
|
@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 */
|
2014-09-09 23:25:25 +00:00
|
|
|
@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 */
|
2014-09-09 23:25:25 +00:00
|
|
|
@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 */
|
2014-09-09 23:25:25 +00:00
|
|
|
@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;
|
