Permalink
Switch branches/tags
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
171 lines (140 sloc) 4.36 KB
/* Theme: ひまわり/Sunflower/向日葵
* Author: ひまわり(dtysky<dtysky@outlook.com>)
* Github: https://github.com/dtysky
* Created: 16/12/26
*/
// Mode
// box, underline
$mode-main: underline;
// Color
$primary-color: rgb(108, 212, 164);
$normal-color: #ccc;
$inactive-color: #ccc;
$disabled-color: #ccc;
$error-color: #d56767;
$warning-color: #e8964a;
$success-color: #4fc478;
$text-color: #777;
$black: #000;
$white: #fff;
$l-blue: #01b5fd;
// Icon
// text-before or text-after
$text-icon: yokibana;
// Size
// small
$size-small-font-size: 12px;
$size-small-height: 22px;
// middle
$size-middle-font-size: 14px;
$size-middle-height: 30px;
// large
$size-large-font-size: 16px;
$size-large-height: 40px;
// divider
$divider-color: $normal-color;
$divider-height: 1px;
$divider-margin: 8px 0;
//date-picker
$date-picker-theme-back-color: #fff;
$date-picker-theme-front-color: $primary-color;
$date-picker-font-main-color: #000;
$date-picker-font-sub-color: #888;
$date-picker-pre-icon: leaf-left;
$date-picker-next-icon: leaf-right;
$date-picker-month-icons: clover, clover, clover, clover, clover, clover, clover, clover, clover, clover, clover, clover;
//time-picker
$time-picker-theme-back-color: #fff;
$time-picker-theme-front-color: $primary-color;
$time-picker-font-main-color: #000;
$time-picker-font-sub-color: #888;
$time-picker-pre-icon: left;
$time-picker-next-icon: right;
//pagination
$pagination-icon-pre: left;
$pagination-icon-next: right;
$pagination-default-color-text: $text-color;
$pagination-disabled-color-text: $disabled-color;
$pagination-hovered-color-text: $primary-color;
$pagination-active-color-text: $primary-color;
$pagination-default-color-text-fill: $pagination-default-color-text;
$pagination-disabled-color-text-fill: #fff;
$pagination-hovered-color-text-fill: #fff;
$pagination-active-color-text-fill: #fff;
$pagination-default-color-bg: none;
$pagination-disabled-color-bg: rgba($disabled-color, 0.8);
$pagination-hovered-color-bg: $primary-color;
$pagination-active-color-bg: $primary-color;
$pagination-default-color-border: $inactive-color;
$pagination-disabled-color-border: darken($pagination-disabled-color-bg, 15);
$pagination-hovered-color-border: darken($pagination-hovered-color-bg, 15);
$pagination-active-color-border: darken($pagination-active-color-bg, 15);
//popover
$popover-theme-color: $primary-color;
//tooltip
$tooltip-tail-size: 4px;
$tooltip-color-text-fill: #fff;
$tooltip-color-bg-fill: darken(rgba($primary-color, 0.9), 25);
$tooltip-color-border-fill: darken(rgba($primary-color, 0.9), 25);
$tooltip-color-text-border: $text-color;
$tooltip-color-bg-border: #fff;
$tooltip-color-border-border: darken($primary-color, 25);
// checkbox
$checkbox-default-size: 15px;
$checkbox-default-color: $normal-color;
$checkbox-active-color: $primary-color;
$checkbox-disabled-color: $disabled-color;
// form
$form-label-width: 30%;
// loading
$loading-wrapper-color: rgba(0, 0, 0, .3);
$loading-background-color: rgba(255, 255, 255, .9);
$loading-front-color: $primary-color;
// progress
$progress-size-small: 6px;
$progress-size-middle: 10px;
$progress-size-large: 16px;
$progress-active-color: $primary-color;
$progress-default-color: $normal-color;
// radio
$radio-default-size: 15px;
$radio-font-size: 14px;
$radio-default-color: $normal-color;
$radio-active-color: $primary-color;
$radio-disabled-color: $disabled-color;
// select
$select-min-width: 100px;
$select-default-color: $normal-color;
$select-active-color: $primary-color;
$select-disabled-color: $disabled-color;
// switch
$switch-default-size: 20px;
$switch-icon-size: 24px;
$switch-default-color: $normal-color;
$switch-active-color: $primary-color;
$switch-disabled-color: $disabled-color;
// image
$image-tiny-size: 50px;
$image-small-size: 100px;
$image-middle-size: 150px;
$image-large-size: 250px;
$image-huge-size: 400px;
// menu
$menu-default-color: $normal-color;
$menu-active-color: $primary-color;
$menu-disabled-color: $disabled-color;
// button
$button-default-color: $text-color;
$button-default-border-color: #ccd0d7;
$button-primary-color: $primary-color;
$button-error-color: $error-color;
$button-warning-color: $warning-color;
// music-player
$audio-background-color: #fff;
$audio-text-color: $text-color;
$audio-theme-color: $primary-color;
// video-player
$video-background-color: #333;
$video-text-color: $text-color;
$video-theme-color: $primary-color;
$video-icon-color: #fff;