// Moonstone Dark Theme
// ---------------------------------------
@moon-dark-gray:   #4d4d4d;
@moon-gray:        #a6a6a6;
@moon-light-gray:  #ededed;
@moon-black:       #000;
@moon-accent:      #cf0652;
@moon-white:       #fff;
@moon-red:         #ff0000;

@moon-background-color:               @moon-black;
@moon-text-color:                     @moon-gray;
@moon-header-sub-title-color:         @moon-text-color;
@moon-sub-header-text-color:          @moon-text-color;
@moon-divider-text-color:             @moon-text-color;
@moon-sup-header-text-color:          @moon-text-color;
@moon-header-text-color:              #ccc;
@moon-header-border-color:            #505050;
@moon-header-bottom-border-color:     #404040;
@moon-body-text-color:                @moon-text-color;
@moon-spotlight-text-color:           @moon-white;
@moon-spotlight-background-color:     @moon-accent;
@moon-spotlight-border-color:         @moon-accent;
@moon-spotlight-color:                @moon-accent;
@moon-button-text-color:              #ccc;
@moon-button-background-color:        @moon-dark-gray;
@moon-divider-border-color:           #595959;
@moon-active-border-color:            @moon-gray;
@moon-button-disabled-bg-color:       #262626;
@moon-button-translucent-opacity:     30%;
@moon-button-disabled-text-color:     @moon-dark-gray;
@moon-icon-color:                     @moon-white;
@moon-active-spotlight-border-color:  @moon-white;

@moon-font-color-light:            @moon-gray;
@moon-light-text-color:            @moon-dark-gray;
@moon-shadow-color:                rgba(0, 0, 0, 0.13);
@moon-input-font-color:            @moon-dark-gray;
@moon-input-border-color:          rgb(234, 234, 234);
@moon-input-textarea-color:        @moon-dark-gray;
@moon-tooltip-bg-color:            @moon-dark-gray;
@moon-tooltip-text-color:          @moon-white;
@moon-checkbox-toggle-text-color:  @moon-spotlight-color;

// Toggle Colors
// ---------------------------------------
@moon-toggle-text-color: @moon-sub-header-text-color;
@moon-checkbox-toggle-text-color: @moon-spotlight-color;
@moon-checkbox-toggle-switch-color: @moon-font-color-light;
@moon-checkbox-toggle-switch-bg-color: @moon-button-background-color;
@moon-checkbox-toggle-switch-checked-color: @moon-spotlight-color;
@moon-checkbox-toggle-switch-checked-bg-color: @moon-spotlight-text-color;
@moon-toggle-button-switch-on-bg-color: @moon-accent;
@moon-toggle-button-switch-on-border-color: @moon-white;
@moon-toggle-button-switch-off-bg-color: @moon-dark-gray;
@moon-toggle-button-switch-off-border-color: @moon-white;
@moon-toggle-button-switch-disabled-bg-color: #262626;
@moon-toggle-button-switch-disabled-border-color: #6c6c6c;

@moon-slider-nofocus-bg-color: @moon-white;
@moon-slider-focus-bg-color: @moon-spotlight-color;
@moon-slider-spotlight-knob-color: @moon-spotlight-color;
@moon-slider-spotlight-bar-color: @moon-spotlight-color;
@moon-slider-knob-bg-color: @moon-dark-gray;

@moon-simple-picker-item-text-color: @moon-sub-header-text-color;
@moon-simple-picker-button-text-color: @moon-sub-header-text-color;

@moon-underline-overlay-color: #a2a2a2;
@moon-searchheader-above-border-color: @moon-font-color-light;
@moon-scrim-translucent-bg-color: @moon-black;
@moon-radio-item-text-color: @moon-sub-header-text-color;

@moon-progress-button-bg-color: @moon-accent;
@moon-progress-bar-bar-bg-color: @moon-white;
@moon-progress-bar-bg-color: @moon-gray;
@moon-progress-bar-popup-text-color: @moon-white;
@moon-progress-bg-color: #262626;

@moon-panels-scrim-always-viewing-bg-color: rgba(0, 0, 0, 0.75);
@moon-panels-scrim-activity-bg-color: rgba(0, 0, 0, 1);
@moon-panels-spot-fg-color: @moon-accent;
@moon-panels-spot-bg-color: @moon-dark-gray;
@moon-panels-handle-bg-color: @moon-dark-gray;

@moon-list-actions-divider-color: @moon-white;
@moon-list-actions-close-bg-color: @moon-light-gray;
@moon-list-actions-border-color: @moon-dark-gray;

@moon-labeled-item-text-color: @moon-font-color-light;
@moon-label-text-color: @moon-font-color-light;
@moon-label-border-color: @moon-active-border-color;
@moon-integer-picker-item-bg-color: @moon-background-color;
@moon-input-header-text-color: @moon-white;
@moon-input-header-placeholder-color: darken(@moon-header-text-color, 45%);
@moon-input-decorator-bg-color: @moon-white;

@moon-icon-text-color: @moon-button-text-color;
@moon-icon-button-text-color: @moon-button-text-color;
@moon-icon-button-bg-color: @moon-button-background-color;
@moon-icon-button-active-border-color: @moon-spotlight-color;
@moon-icon-button-active-bg-color: @moon-button-background-color;
@moon-icon-button-active-text-color: @moon-spotlight-text-color;
@moon-icon-button-spotlight-bg-color: @moon-spotlight-color;
@moon-highlight-text-color: @moon-spotlight-color;

@moon-gridlist-sub-caption-color: @moon-body-text-color;
@moon-gridlist-caption-color: @moon-sub-header-text-color;
@moon-gridlist-item-selection-color: #404040;

@moon-form-checkbox-bg-color: #404040;

@moon-help-text-color: @moon-sub-header-text-color;
@moon-expandable-picker-text-color: @moon-sub-header-text-color;
@moon-expandable-input-border-color: @moon-spotlight-color;
@moon-expandable-input-text-color: @moon-input-font-color;

@moon-drawer-up-border-color: @moon-white;
@moon-drawer-open-bg-color: @moon-white;
@moon-drawer-bg-color: #404040;
@moon-drawer-activator-font-color: @moon-gray;
@moon-drawer-activator-open-font-color: @moon-dark-gray;

@moon-contextual-popup-bg-color: @moon-neutral-bg-color;
@moon-contextual-popup-border-color: rgba(0,0,0,0.5);

@moon-calendar-picker-date-color: @moon-white;
@moon-calendar-picker-date-shadow-color: #a2a2a2;

@moon-breadcrumb-text-color: @moon-sup-header-text-color;

@moon-thumb-bg-color: @moon-gray;
@moon-input-placeholder-color: #868686;
@moon-breadcrumb-wrapper-bg-color: rgba(0,0,0,0.7);
@moon-breadcrumb-wrapper-text-color: @moon-white;
@moon-breadcrumb-above-bg-color: #7d7d7d;

@moon-audio-queue-selected-bg-color: #999;
@moon-audio-queue-selected-border-color: #666;
@moon-audio-progress-bar-bar-bg-color: #666;
@moon-audio-progress-bar-bg-color: #ccc;
@moon-audio-slider-knob-active-bg-color: @moon-spotlight-color;
@moon-audio-slider-knob-spotlight-bg-color: @moon-spotlight-color;
@moon-audio-slider-knob-bg-color: @moon-gray;
@moon-audio-icon-button-bg-color: @moon-gray;
@moon-audio-playback-bg-color: #333;
@moon-videoplayer-redicon-bg-color: transparent;
@moon-videoplayer-redicon-text-color: #fe4a4b;
@moon-videoplayer-info-icon-text-color: @moon-black;
@moon-videoplayer-info-icon-bg-color: @moon-white;
@moon-videoplayer-background-wrapper-color: @moon-black;
@moon-videoplayer-header-bg-color: rgba(0,0,0,0.5);
@moon-videoplayer-header-text-color: @moon-white;
@moon-videoplayer-progress-bar-bg-color: rgba(0,212,179,1);
@moon-videoplayer-buffered-progress-bar-bg-color: rgba(0,212,179,0.5);
@moon-video-player-bottom-bg-color: rgba(0,0,0,0);
@moon-video-player-fullscreen-bg-color: rgba(0,0,0,0.1);
@moon-indicator-text-color: @moon-white;
@moon-indicator-bar-bg-color: @moon-white;
@moon-video-player-bg-color: @moon-black;
@moon-video-progress-bg-color: @moon-accent;
@moon-video-progress-bgprogress-bg-color: #393939;
@moon-video-text-color: @moon-white;
@moon-video-inline-bg-color: #262626;
@moon-videoplayer-progressbar-bg-color: #7d7d7d;
@moon-videoplayer-spotlight-bg-color: #69cdff;
@moon-videoplayer-slider-bg-color: @moon-dark-gray;
@moon-video-player-info-text-color: #777;
@moon-video-player-info-icon-text-color: #777;
@moon-videoplayer-background-color: rgba(0,0,0, 0.8);
@moon-video-player-controls-bg-color: rgba(0, 0, 0, 0.2);
@moon-video-player-inline-bg-color: #252525;
@moon-player-channel-info-name-text-color: @moon-white;
@moon-icon-video-round-controls-bg-color: @moon-white;
@moon-icon-video-controls-font-color: @moon-white;
@moon-icon-video-round-controls-font-color: @moon-black;
@moon-icon-video-round-controls-font-spotlight-color: @moon-white;
@moon-icon-video-inline-controls-bg-color: @moon-white;
@moon-icon-video-inline-controls-font-color: @moon-white;
@moon-icon-video-inline-controls-font-spotlight-color: #393939;

@moon-clock-color: @moon-white;

@moon-selection-overlay-bg-color: @moon-white;

// Disabled Opacity
// ---------------------------------------
@moon-disabled-opacity: 0.6;
@moon-disabled-translucent-opacity: (@moon-disabled-opacity - 0.2);

@moon-carat-button-icon: url(../images/DarkTheme_Icons/CaratButton_Icon.png);
@moon-carat-drawer-icon: url(../images/DarkTheme_Icons/CaratDrawer_Icon.png);
@moon-carat-picker-down-icon: url(../images/DarkTheme_Icons/CaratPickerDown_Icon.png);
@moon-carat-picker-up-icon: url(../images/DarkTheme_Icons/CaratPickerUp_Icon.png);
@moon-carat-picker-up-small-icon: url(../images/DarkTheme_Icons/SmallCarat_up1.png);
@moon-carat-picker-down-small-icon: url(../images/DarkTheme_Icons/SmallCarat_down1.png);
@moon-checkmark-icon: url(../images/DarkTheme_Icons/Checkmark_Icon.png);
@moon-checkmark-popup-icon: url(../images/DarkTheme_Icons/CheckmarkPopup_Icon.png);
@moon-checkmark-white-icon: url(../images/DarkTheme_Icons/CheckmarkWhite_Icon.png);
@moon-close-popup-icon: url(../images/DarkTheme_Icons/ClosePopup_Icon.png);
@moon-contextual-arrow-deactivated: url(../images/DarkTheme_Icons/contextual-arrow-deactivated.png);
@moon-contextual-arrow-deactivated-rtl: url(../images/DarkTheme_Icons/contextual-arrow-deactivated-rtl.png);
@moon-contextual-menu-down: url(../images/DarkTheme_Icons/ContextualMenu_Down.png);
@moon-contextual-menu-left: url(../images/DarkTheme_Icons/ContextualMenu_Left.png);
@moon-contextual-menu-right: url(../images/DarkTheme_Icons/ContextualMenu_Right.png);
@moon-contextual-menu-up: url(../images/DarkTheme_Icons/ContextualMenu_Up.png);
@moon-medium-carat-left-icon: url(../images/DarkTheme_Icons/MediumCaratLeft_Icon.png);
@moon-medium-carat-right-icon: url(../images/DarkTheme_Icons/MediumCaratRight_Icon.png);
@moon-radio-button-icon: url(../images/DarkTheme_Icons/RadioButton_Icon.png);
@moon-small-carat-icon: url(../images/DarkTheme_Icons/SmallCarat_Icon.png);
@moon-small-carat-down1: url(../images/DarkTheme_Icons/SmallCarat_down1.png);
@moon-small-carat-down2: url(../images/DarkTheme_Icons/SmallCarat_down2.png);
@moon-small-carat-up1: url(../images/DarkTheme_Icons/SmallCarat_up1.png);
@moon-small-carat-up2: url(../images/DarkTheme_Icons/SmallCarat_up2.png);
@moon-scroller-icon: url(../images/DarkTheme_Icons/scroller_icon.png);
@moon-scroller-spotlight: url(../images/DarkTheme_Icons/scroller_spotlight.png);
@moon-contextual-up: url(../images/DarkTheme_Icons/ContextualMenu_Up.png);
@moon-contextual-down: url(../images/DarkTheme_Icons/ContextualMenu_Down.png);
@moon-contextual-right: url(../images/DarkTheme_Icons/ContextualMenu_Right.png);
@moon-contextual-left: url(../images/DarkTheme_Icons/ContextualMenu_Left.png);
@moon-checkbox-image: url(../images/DarkTheme_Icons/Checkmark_Icon.png);
@moon-checkmark-white: url(../images/DarkTheme_Icons/CheckmarkWhite_Icon.png);
@moon-drawer-up: url(../images/DarkTheme_Icons/drawer_up_spotlight.png);
@moon-drawer-up-spotlight: url(../images/DarkTheme_Icons/drawer_up_spotlight.png);
@moon-drawer-down: url(../images/DarkTheme_Icons/drawer_down.png);

@moon-expandable-text-up-arrow: url(../images/DarkTheme_Icons/SmallCarat_up1.png);
@moon-expandable-text-down-arrow: url(../images/DarkTheme_Icons/SmallCarat_down1.png);
@moon-expandable-text-up-arrow-spotlight: url(../images/DarkTheme_Icons/SmallCarat_up2.png);
@moon-expandable-text-down-arrow-spotlight: url(../images/DarkTheme_Icons/SmallCarat_down2.png);

@moon-panels-caret-white-left-icon: url(../images/DarkTheme_Icons/carat-white-left.png);
@moon-panels-caret-white-right-icon: url(../images/DarkTheme_Icons/caret-white-right.png);

@moon-spinner-background-color: @moon-button-background-color;
@moon-spinner-text-color: @moon-white;
@moon-spinner-ball1-color: #69cdff;
@moon-spinner-ball2-color: #ff4a4a;
@moon-spinner-ball3-color: #ffb80d;

@moon-progress-button-bar-color: @moon-spotlight-color;
