@import "base";
@import "compass-ui/theme/jquery-ui-base";

// ------------------------------------------
// Color Scheme
// ------------------------------------------

$ui-base-color: $ui-purple;
$border-color: darken($ui-base-color, 15%);
$highlight-color: ui-triad-positive($ui-base-color);

$start-color: lighten($ui-base-color, 10%);
$end-color: $ui-base-color;

// ------------------------------------------
// Icon Images 
// ------------------------------------------
$ui-images-url: "absolution/";
$ui-icons: "ui-icons_222222_256x240.png";
$ui-icons-content: $ui-icons;
$ui-icons-header: $ui-icons;
$ui-icons-default: $ui-icons;
$ui-icons-hover: "ui-icons_ffffff_256x240.png";
$ui-icons-focus: $ui-icons-hover;
$ui-icons-active: $ui-icons-hover;
$ui-icons-highlight: $ui-icons;
$ui-icons-error: $ui-icons;

// ------------------------------------------
// Color Scheme
// ------------------------------------------

// content
$ui-content-border-color: #a9a9a9; 
$ui-content-color: #333333;
$ui-content-link-color: $ui-content-color;
$ui-content-background-color: #fdfdfd;
$ui-content-background: linear-gradient($ui-content-background-color,#ececec);
$ui-content-background-type: gradient;

// header
$ui-header-border-color: $ui-content-border-color;
$ui-header-color: $ui-white;
$ui-header-link-color: $ui-header-color;
$ui-header-background-color: $ui-base-color; 
$ui-header-background: linear-gradient($start-color, $end-color);

// titlebar
$ui-titlebar-color: #ffffff;
$ui-titlebar-background-color: #4c4c4e;
$ui-titlebar-background: linear-gradient($ui-titlebar-background-color, #282425);
$ui-titlebar-background-type: gradient;

// state-default
$ui-default-border-color: $ui-gray;
$ui-default-color: #333333;
$ui-default-background-color: #fdfdfd;
$ui-default-background: linear-gradient($ui-default-background-color,#ececec);
$ui-default-link-color: $ui-default-color;

// state-hover
$ui-hover-border-color: $border-color; 
$ui-hover-color: #ffffff;
$ui-hover-background-color: $start-color;
$ui-hover-background: linear-gradient($start-color, $end-color);
$ui-hover-link-color: $ui-hover-color;

// state-active
$ui-active-border-color: $border-color; 
$ui-active-color: #ffffff; 
$ui-active-background-color: $end-color;
$ui-active-background: linear-gradient($end-color, $start-color);
$ui-active-link-color: $ui-active-color;

// state-highlight
$ui-highlight-border-color: darken($highlight-color, 15%);
$ui-highlight-color: #363636;
$ui-highlight-background-color: $highlight-color; 
$ui-highlight-background: $ui-highlight-background-color;
$ui-highlight-background-type: flat;
$ui-highlight-link-color: $ui-highlight-color;

// state-error
$ui-error-border-color: #953737;
$ui-error-color: #363636;
$ui-error-background-color: #f35757;
$ui-error-background: $ui-error-background-color; 
$ui-error-background-type: flat;
$ui-error-link-color: $ui-error-color;

// state-primary

// priority-secondary
$ui-priority-secondary-opacity: .7;

// state-disabled
$ui-disabled-opacity: .35;

// overlay
$ui-overlay-opacity: .3;
$ui-overlay-background-color: #aaaaaa;
$ui-overlay-background: linear-gradient($ui-overlay-background-color,adjust-lightness($ui-overlay-background-color, -5));
$ui-overlay-background-type: gradient;

// shadow
$ui-shadow-opacity: .3;
$ui-shadow-background-color: #aaaaaa;
$ui-shadow-background: linear-gradient($ui-shadow-background-color,adjust-lightness($ui-shadow-background-color, -5));
$ui-shadow-background-type: gradient;

@include jquery-ui-base-theme;