X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/resources/themes/stylesheets/ext4/default/variables/_pickers.scss diff --git a/docs/resources/themes/stylesheets/ext4/default/variables/_pickers.scss b/docs/resources/themes/stylesheets/ext4/default/variables/_pickers.scss new file mode 100644 index 00000000..7ac02d2d --- /dev/null +++ b/docs/resources/themes/stylesheets/ext4/default/variables/_pickers.scss @@ -0,0 +1,64 @@ +// color picker +$colorpicker-item-border-color: #aca899 !default; +$colorpicker-over-border-color: #8bb8f3 !default; +$colorpicker-over-background-color: #deecfd !default; + +// date picker +$datepicker-border-color: #1b376c !default; +$datepicker-border-width: 1px !default; +$datepicker-border-style: solid !default; +$datepicker-border: $datepicker-border-width $datepicker-border-style $datepicker-border-color !default; +$datepicker-background-color: #ffffff !default; + +$datepicker-next-image: 'shared/right-btn.gif' !default; +$datepicker-prev-image: 'shared/left-btn.gif' !default; +$datepicker-month-arrow-image: 'button/s-arrow-light.gif' !default; +$datepicker-tool-sprite-image: 'tools/tool-sprites.gif' !default; + +$datepicker-header-background-color: #23427c !default; +$datepicker-header-background-gradient: matte !default; + +$datepicker-monthpicker-color: #fff !default; + +$datepicker-th-color: #233d6d !default; +$datepicker-th-font-family: $font-family !default; +$datepicker-th-font-size: 10px !default; +$datepicker-th-font-weight: normal !default; +$datepicker-th-font: $datepicker-th-font-weight $datepicker-th-font-size $font-family !default; +$datepicker-th-background-color: #dfecfb !default; +$datepicker-th-background-gradient: matte !default; +$datepicker-th-border-bottom-color: darken($datepicker-th-background-color, 10) !default; +$datepicker-th-text-align: right !default; + +$datepicker-td-height: 17px !default; + +//item +$datepicker-item-color: #000 !default; +$datepicker-item-border-width: 1px !default; +$datepicker-item-border-style: solid !default; +$datepicker-item-border-color: #fff !default; +$datepicker-item-border: $datepicker-item-border-width $datepicker-item-border-style $datepicker-item-border-color !default; + +$datepicker-item-hover-background-color: #ddecfe !default; + +$datepicker-today-item-border-color: darkred !default; + +$datepicker-selected-item-border-width: 1px !default; +$datepicker-selected-item-border-style: solid !default; +$datepicker-selected-item-border-color: #8db2e3 !default; +$datepicker-selected-item-border: $datepicker-selected-item-border-width $datepicker-selected-item-border-style $datepicker-selected-item-border-color !default; +$datepicker-selected-item-background-color: #dae5f3 !default; + +$datepicker-footer-background-color: $datepicker-th-background-color !default; +$datepicker-footer-background-gradient: glossy !default; +$datepicker-footer-border-top-color: $datepicker-th-border-bottom-color !default; //a3bad9 + +$datepicker-monthpicker-height: 167px !default; + +$datepicker-monthpicker-item-color: #15428B !default; +$datepicker-monthpicker-item-border: $datepicker-item-border !default; + +$datepicker-monthpicker-item-hover-background-color: $datepicker-item-hover-background-color !default; + +$datepicker-monthpicker-item-selected-background-color: $datepicker-footer-background-color !default; +$datepicker-monthpicker-item-selected-border: $datepicker-selected-item-border !default;