Stackedit/public/res/themes/default.less
2014-10-12 12:14:03 +01:00

97 lines
2.1 KiB
Plaintext

@import "../styles/main.less";
@primary: #808080;
@navbar-default-bg: #4a4a4a;
@link-color: #4FA1DB;
@input-bg: #fff;
@input-border: @secondary-border-color-light;
@panel-button-box-shadow: ~"0 0 1px rgba(255,255,255,0.75)";
@modal-backdrop-bg: #606060;
@input-color: @secondary-color-darkest;
@disabled-color: mix(@secondary-color, @input-bg, 50%);
// Navbar buttons
@btn-success-color: #ddd;
@btn-success-hover-color: #fff;
@btn-success-hover-bg: darken(@navbar-default-bg, 10%);
.btn-success {
.buttons-dropdown .dropdown-menu & {
color: darken(@primary-desaturated, 20%) !important;
&:hover,
&:focus,
&:active {
border-color: @primary-border-color;
background-color: fade(@primary-desaturated, 5%) !important; // important to override .nav > li > a:hover
}
}
}
// Buttons over preview
@btn-info-hover-bg: @secondary-bg-dark;
@btn-primary-color: #fff;
@btn-primary-bg: @link-color;
@btn-primary-hover-bg: darken(@btn-primary-bg, 8%);
.btn-primary, .alertify-button-ok {
&:hover,
&:focus,
&:active,
.open &.dropdown-toggle {
color: @btn-primary-color;
}
}
@btn-default-color: @text-color;
@btn-default-bg: #fff;
@btn-default-border: fade(@input-border, 75%);
@btn-default-hover-bg: fade(#000, 2%);
@btn-default-hover-border: fade(@secondary, 5%);
@secondary-bg: #fcfcfc;
@secondary-bg-light: #f6f6f6;
@secondary-bg-lighter: @secondary-bg;
@secondary-bg-dark: #f0f0f0;
@secondary-border-color: #e2e2e2;
@secondary-border-color-light: #eee;
@secondary-border-color-lighter: #eee;
@tertiary-bg: @secondary-bg;
.sub-menu, .file-list .list-group-item {
background-color: @secondary-bg;
}
.extension-preview-buttons.closed {
.opacity(0.25);
&.info-tooltip-container {
.opacity(1);
}
}
.modal-document-manager {
.btn-default {
background-color: transparent;
border-color: transparent;
&:hover,
&:focus,
&:active,
.open &.dropdown-toggle {
border-color: fade(@secondary, 10%);
}
}
}
.form-control-focus(@color: @link-color) {
@color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
&:focus {
border-color: fade(@color, 50%);
outline: 0;
.box-shadow(~"@{form-control-inset-shadow}, 0 0 12px -1px @{color}");
}
}