/* Color
-------------------------- */
$--dk-border-color-base: #555;
$--dk-font-color-base: #eee;
$--dk-action-color-base: #eee;

/* App
-------------------------- */
$--dk-app-background: transparent !default;
$--dk-titlebar-actions-color: $--dk-action-color-base !default;
$--dk-titlebar-close-active-color: #fff !default;
$--dk-titlebar-actions-active-background: rgba(0, 0, 0, 0.9) !default;
$--dk-titlebar-close-active-background: #fd0007 !default;
$--dk-app-logo-color: #eee !default;
$--dk-app-version-color: #a2a3a4 !default;
$--dk-app-engine-title-color: #a2a3a4 !default;
$--dk-app-engine-info-color: #777 !default;
$--dk-app-copyright-color: #a2a3a4 !default;

/* Aside
-------------------------- */
$--dk-aside-background: rgba(0, 0, 0, 0.9) !default;
$--dk-aside-text-color: #fff !default;

/* SubNav
-------------------------- */
$--dk-subnav-background: #2D2D2D !default;
$--dk-subnav-title-color: #fff !default;
$--dk-subnav-action-color: #fff !default;
$--dk-subnav-text-color: #aaa !default;
$--dk-subnav-active-text-color: #fff !default;
$--dk-subnav-active-background: #444 !default;
$--dk-subnav-border-color: #ccc !default;

/* Main
-------------------------- */
$--dk-main-background: #343434 !default;

/* Panel
-------------------------- */
$--dk-panel-background: #343434 !default;
$--dk-panel-title-color: #fff !default;
$--dk-panel-border-color: #EBECF0 !default;

/* Form Actions
-------------------------- */
$--dk-form-actions-background: #343434 !default;

/* Task
-------------------------- */
$--dk-task-action-color: $--dk-action-color-base !default;
$--dk-task-action-hover-color: $--color-primary !default;
$--dk-task-item-backgroud: #2d2d2d !default;
$--dk-task-item-border-color: $--dk-border-color-base !default;
$--dk-task-item-hover-border-color: $--color-primary !default;
$--dk-task-item-hover-background: $--color-primary !default;
$--dk-task-item-text-color: #eee !default;
$--dk-task-item-action-background: #4a4a4a !default;
$--dk-task-item-action-hover-background: $--color-primary !default;
$--dk-task-item-action-border-color: #5f5f5f !default;
$--dk-task-item-action-hover-border-color: $--color-primary !default;
$--dk-task-item-action-color: $--dk-action-color-base !default;
$--dk-task-item-action-hover-color: #fff !default;
$--dk-no-task-color: #aaa !default;
$--dk-add-task-dialog-footer-background: #4a4a4a !default;
$--dk-task-detail-box-border: #565656 !default;

/* Preference
-------------------------- */
$--dk-preference-form-text-color: #dfdfdf !default;

/* Speedometer
-------------------------- */
$--dk-speedometer-background: #333 !default;
$--dk-speedometer-border-color: #5f5f5f !default;
$--dk-speedometer-hover-border-color: #9b9b9b !default;
$--dk-speedometer-primary-color: $--color-primary !default;
$--dk-speedometer-stopped-color: #9b9b9b !default;
$--dk-speedometer-text-color: #9b9b9b !default;

/* Task Graphic
-------------------------- */
$--dk-graphic-box-background: #3f3f3f !default;
$--dk-graphic-atom-color-0: #161b22 !default;
$--dk-graphic-atom-color-1: #0e4429 !default;
$--dk-graphic-atom-color-2: #006d32 !default;
$--dk-graphic-atom-color-3: #26a641 !default;
$--dk-graphic-atom-color-4: #39d353 !default;

/* Element UI
-------------------------- */
$--dk-dialog-background: #343434 !default;
$--dk-dialog-text-color: #9b9b9b !default;
$--dk-table-background: #2a2b2c !default;
$--dk-table-striped-background: #1f2122 !default;
$--dk-table-hover-background: #565656 !default;
$--dk-table-th-background: #1f2122 !default;
$--dk-table-text-color: #9b9b9b !default;
$--dk-table-border-color: #565656 !default;
$--dk-popover-background: #3d3d3d !default;
$--dk-popover-border-color: $--dk-border-color-base !default;