/* Dracula Theme v1.2.0
 *
 * https://github.com/zenorocha/dracula-theme
 *
 * Copyright 2015, All rights reserved
 *
 * Code licensed under the MIT license
 * http://zenorocha.mit-license.org
 *
 * @author Zeno Rocha <hi@zenorocha.com>
 * @author Jack Saunders <hi@zenorocha.com>
 */
@theme-type: dark;

// Dracula Default Colours

@drac-bg : #282a36;
@drac-current-line: #44475a;
@drac-selection : #44475a;
@drac-foreground : #f8f8f2;
@drac-comment : #6272a4;
@drac-cyan : #8be9fd;
@drac-green : #50fa7b;
@drac-orange : #ffb86c;
@drac-pink : #ff79c6;
@drac-purple : #bd93f9;
@drac-red : #ff5555;
@drac-yellow : #f1fa8c;

// Global Settings
@text-height : 14px;
@global-accent : @drac-pink;
@global-arrow : @drac-foreground;
@global-background: @drac-bg;
@global-boxshadow : rgba(17,17,17,.6);
@global-divider : lighten(@global-background, 10%);
@global-hover : lighten(@global-background, 10%);
@global-input : #111;
@global-toolbar : rgba(17,17,17,.6);
@global-selected : @drac-selection;
@global-text : @drac-foreground;
@global-label : @drac-comment;
@global-warn : @drac-yellow;
@global-error : @drac-red;
@global-textshadow: darken(@global-background, 4%);

// JavaScript
@js-atom : @drac-purple;
@js-attribute : @drac-foreground;
@js-builtin : #8da6ce;
@js-comment : @drac-comment;
@js-def : @drac-green;
@js-error : @drac-red;
@js-header : #ff6400;
@js-hr : #aeaeae;
@js-keyword : @drac-pink;
@js-link : #8da6ce;
@js-meta : #d8fa3c;
@js-number : @drac-purple;
@js-operator : @drac-pink;
@js-property : @drac-cyan;
@js-string : @drac-yellow;
@js-tag : @drac-cyan;
@js-variable : @drac-cyan;
@js-variable-2: @drac-foreground;

// JavaScript Objects
@js-obj-array : #7c7c7c;
@js-obj-boolean : #89f5a2;
@js-obj-function : #8b6ccf;
@js-obj-name : @drac-cyan;
@js-obj-number : @drac-purple;
@js-obj-preview : #ddd;
@js-obj-regexp : @drac-pink;
@js-obj-string : @drac-yellow;
@js-obj-undefined: #ad4e4e;

// CSS
@css-at-rule : @drac-pink;
@css-atom : @drac-purple;
@css-builtin : @drac-cyan;
@css-comment : @drac-comment;
@css-def : @drac-green;
@css-important : @drac-pink;
@css-meta : @drac-foreground;
@css-number : @drac-purple;
@css-operator : @drac-pink;
@css-property : @drac-cyan;
@css-qualifier : @drac-green;
@css-string : @drac-yellow;
@css-string-2 : darken(@drac-foreground, 10%);
@css-tag : @drac-green;
@css-variable : @drac-cyan;
@css-variable-2: @drac-cyan;

// HTML Highlighting
@xml-attribute : @drac-green;
@xml-comment : @drac-comment;
@xml-error : @drac-red;
@xml-iframe-root : @drac-yellow;
@xml-js-node : @drac-comment;
@xml-link : @drac-yellow;
@xml-pseudo : @drac-green;
@xml-pseudo-highlighted: @drac-green;
@xml-shadow-root : @drac-orange;
@xml-string : @drac-yellow;
@xml-tag : @drac-pink;

// Tabbed Header Configuration
@tab-color-top : lighten(@global-background, 18%);
@tab-color-bottom : lighten(@global-background, 8%);
@tab-highlighted : @global-accent;
@tab-label : #888;
@tab-label-selected : @drac-foreground;
@tab-label-unsaved : @drac-yellow;

// Toolbars
@toolbar-main: @global-background;
@toolbar-sub: @global-background;
@tab-main-icons-padding : 6px;
@tab-main-toolbar-height: 34px;
@tab-sub-icons-padding : 0;
@tab-sub-toolbar-height: 25px;

// Glyphs
@glyph-active : @global-accent;
@glyph-inactive: lighten(@global-background, 35%);

// Crumbs
@crumb-selected-background: @global-selected;
@crumb-selected-text : @drac-foreground;
@crumb-text : @global-text;

// Console
@console-default-text: @global-text;
@console-input-text : @drac-foreground;
@console-link : #888;

// Dialog [Ctrl/Cmd + O | Ctrl/Cmd + Shift + O]
@dialog-background : lighten(@global-background, 5%);
@dialog-border : lighten(@global-background, 10%);
@dialog-item-background: @global-background;
@dialog-item-highlight : @global-accent;
@dialog-item-text : lighten(@global-text, 10%);

// Editor Properties
@cm-cursor : @drac-foreground;
@cm-error : @drac-red;
@cm-gutter : lighten(@global-background, 4%);
@cm-gutter-border : lighten(@global-background, 5%);
@cm-gutter-lines : lighten(@global-background, 40%);
@cm-matching-bracket : #15ca1a;
@cm-nonmatching-bracket: #db0404;
@cm-lines-no-sourcemap : lighten(@global-background, 1%);
@cm-selected : lighten(@global-background, 10%);
@cm-whitespace : lighten(@global-background, 5%);

// Element Highlighter
@eh-base-color : @global-selected;
@eh-children-shadow : darken(@global-background, 10%);
@eh-editing-outline : @global-accent;
@eh-highlight-background: @selection-background;
@eh-highlight-outline : @selection-border;
@eh-hover-background : @hover-background;
@eh-hover-outline : @hover-border;
@eh-clipboard-selection : lighten(@global-background, 40%);

// Elements Sidebar
@style-edit-mode-selector-text: #999;
@style-section : lighten(@global-background, 15%);
@style-selector-text : #ccc;
@style-separator : lighten(@global-background, 10%);
@style-value : #ccc;

// Filters
@filter-background : lighten(@global-background,5%);
@filter-text : @global-text;
@filter-hover : lighten(@global-background, 10%);
@filter-selected : lighten(@global-background, 15%);
@filter-selected-text: lighten(@global-text, 15%);
@filter-error : @global-error;
@filter-warning : @drac-yellow;
@filter-info : @drac-purple;
@filter-log : @drac-cyan;
@filter-debug : @drac-pink;
@filter-verbose : @drac-pink;

// Find
@find-header-background : lighten(@global-background, 3%);
@find-header-text : #888;
@find-highlight-background: @global-accent;
@find-highlight-text : #000;

// Forms
@form-button-background: lighten(@global-background, 5%);
@form-button-border : lighten(@global-background, 10%);
@form-button-pressed : inset 0 1px 1px 0 darken(@global-background, 5%),
	0 1px 1px 0 lighten(@global-background, 5%);
@form-button-text : darken(@global-text, 10%);
@form-input-background : lighten(@global-background, 5%);
@form-input-border : lighten(@global-background, 10%);
@form-input-text : lighten(@global-text, 10%);
@form-label-text : @global-text;

// Local Modifications
@history-added-text : @drac-green;
@history-removed-text: @global-error;

// Screencast
@screencast-viewport : lighten(@global-background, 10%);
@screencast-viewport-border: @global-accent;

// Scrollbars
@sb-thickness : 12px;
@sb-thumb-border : darken(@global-background, 10%);
@sb-thumb-color : lighten(@global-background, 20%);
@sb-thumb-roundness: 8px;

// Settings
@settings-background : #444;
@settings-border : #454545;
@settings-delimiter : #eee;
@settings-dialog : @drac-comment;
@settings-edit-background : #222;
@settings-folder-background: #222;
@settings-selected : rgba(150, 255, 150, 0.2);
@settings-text : @drac-comment;

// Table/Sidebar Selections | Breakpoints
@selection-background: @global-selected;
@selection-border : lighten(@selection-background, 15%);
@selection-text : lighten(@global-text, 10%);
@hover-background: @global-hover;
@hover-border : lighten(@hover-background, 10%);
@hover-text : @global-text;

// Sources Tab
@sources-exception-all : rgba(220,3,3,1);
@sources-exception-uncaught: rgb(213, 191, 0);
@sources-highlight-text : darken(@global-background, 4%);
@sources-pane-background : rgba(0,0,0,.8);
@sources-placeholder-text : #999;
@sources-save-background : @global-background;
@sources-text : @global-text;

// Tables
@table-primary : @global-background;
@table-secondary: lighten(@global-background, 2%);

// Timeline
@timeline-expandable-border : lighten(@global-background, 35%);
@timeline-graph-bar : rgba(200,200,200,.3);
@timeline-graph-bar-background: rgba(200, 200, 200, 0.2);
@timeline-overview-background : @global-background;
@timeline-graph-selection : @global-accent;
@timeline-progress-pane : fade(lighten(@global-background,30%), 50%);
@timeline-resources-divider : lighten(@global-background, 3%);

// Popovers
@popover-background : @global-background;
@popover-details-row-title: @drac-cyan;
@popover-details-title : @drac-yellow;
@popover-title : @drac-pink;
@popover-tree-border : #888;
