summaryrefslogtreecommitdiff
path: root/_sass/skins/_orange.scss
blob: 4ffdbb14d4dbbdc7762ba6344d33b0217874c191 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
///
// Skin: Orange
// Author: Tian Qi
// Email: kitian616@outlook.com
///

// main colors
$main-color-1:     #f92651;
$text-color-1:     #fff;

$main-color-2:     #fdb824;
$text-color-2:     #fff;

$main-color-3:     #ff8a64;
$text-color-3:     #fff;

$main-color-theme-light: rgba(#000, .9);
$main-color-theme-dark:  rgba(#fff, .9);

// page background
$background-color: #fffdfa;

// text colors
$text-color-theme-light-d: rgba(#000, .95);
$text-color-theme-light:   rgba(#000, .85);
$text-color-theme-light-l: rgba(#000, .5);

$text-color-theme-dark-d:  rgba(#fff, .95);
$text-color-theme-dark:    rgba(#fff, .85);
$text-color-theme-dark-l:  rgba(#fff, .65);

$text-color-d:     $text-color-theme-light-d;
$text-color:       $text-color-theme-light;
$text-color-l:     $text-color-theme-light-l;

$text-background-color: rgba(#000, .05);

// header and footer colors
$header-text-color: $text-color-3;
$header-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);

$footer-text-color: $text-color-3;
$footer-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);

// border and shadow colors
$border-color:     mix($main-color-1, $background-color, 50%);
$border-color-l:   mix(#000, $background-color, 10%);
$decorate-color:   rgba(#000, .1);
$mask-color:       rgba(#000, .9);
$select-color:     rgba($main-color-3, .5);

// function colors
$green:           #52c41a;
$blue:            #1890ff;
$yellow:          #fa8c16;
$red:             #f5222d;
$text-color-function: #fff;

// logo colors
$mail-color:       #0072c5;
$facebook-color:   #4267b2;
$twitter-color:    #1da1f2;
$weibo-color:      #e6162d;
$google-plus-color:#ea4335;
$telegram-color:   #32afed;
$medium-color:     #000;
$zhihu-color:      #0084ff;
$douban-color:     #42bd56;
$linkedin-color:   #1074af;
$github-color:     #000;
$npm-color:        #fff;

// highlight colors
@import "skins/highlight/tomorrow-night-eighties";