diff options
author | JinweiClarkChao <[email protected]> | 2014-09-23 22:34:14 +0800 |
---|---|---|
committer | Jinwei Zhao <[email protected]> | 2017-01-13 15:07:44 +0800 |
commit | b214f38d2c24a890ce36512a0c8bab965e27a508 (patch) | |
tree | 1522b651444407cbf120798e79be4657f1b472ab /Code/Blocks/syntax/compass/_theme_template.scss | |
parent | e13882d1656b143533cec307a19425e0a56ec999 (diff) | |
download | jinwei.me-b214f38d2c24a890ce36512a0c8bab965e27a508.tar.gz |
README
Diffstat (limited to 'Code/Blocks/syntax/compass/_theme_template.scss')
-rw-r--r-- | Code/Blocks/syntax/compass/_theme_template.scss | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/Code/Blocks/syntax/compass/_theme_template.scss b/Code/Blocks/syntax/compass/_theme_template.scss new file mode 100644 index 0000000..53f4df5 --- /dev/null +++ b/Code/Blocks/syntax/compass/_theme_template.scss | |||
@@ -0,0 +1,120 @@ | |||
1 | $background: white !default; | ||
2 | |||
3 | $line_alt1_background: $background !default; | ||
4 | $line_alt2_background: $background !default; | ||
5 | |||
6 | $line_highlighted_background: #e0e0e0 !default; | ||
7 | $line_highlighted_number: black !default; | ||
8 | |||
9 | $gutter_text: #afafaf !default; | ||
10 | $gutter_border_color: #6ce26c !default; | ||
11 | $gutter_border: 3px solid $gutter_border_color !default; | ||
12 | |||
13 | $toolbar_collapsed_a: #00f !default; | ||
14 | $toolbar_collapsed_a_hover: #f00 !default; | ||
15 | $toolbar_collapsed_background: #fff !default; | ||
16 | $toolbar_collapsed_border: 1px solid $gutter_border_color !default; | ||
17 | |||
18 | $toolbar_a: #fff !default; | ||
19 | $toolbar_a_hover: #000 !default; | ||
20 | $toolbar_background: $gutter_border_color !default; | ||
21 | $toolbar_border: none !default; | ||
22 | |||
23 | $code_plain: black !default; | ||
24 | $code_comments: #008200 !default; | ||
25 | $code_string: blue !default; | ||
26 | $code_keyword: #006699 !default; | ||
27 | $code_preprocessor: gray !default; | ||
28 | $code_variable: #aa7700 !default; | ||
29 | $code_value: #009900 !default; | ||
30 | $code_functions: #ff1493 !default; | ||
31 | $code_constants: #0066cc !default; | ||
32 | $code_script: $code_keyword !default; | ||
33 | $code_script_background: none !default; | ||
34 | $code_color1: gray !default; | ||
35 | $code_color2: #ff1493 !default; | ||
36 | $code_color3: red !default; | ||
37 | |||
38 | $caption_color: $code_plain !default; | ||
39 | |||
40 | // Interface elements. | ||
41 | .syntaxhighlighter { | ||
42 | background-color: $background !important; | ||
43 | |||
44 | // Highlighed line number | ||
45 | .line { | ||
46 | &.alt1 { background-color: $line_alt1_background !important; } | ||
47 | &.alt2 { background-color: $line_alt2_background !important; } | ||
48 | |||
49 | // Highlighed line | ||
50 | &.highlighted { | ||
51 | &.alt1, &.alt2 { background-color: $line_highlighted_background !important; } | ||
52 | &.number { color: $line_highlighted_number !important; } | ||
53 | } | ||
54 | } | ||
55 | |||
56 | table { | ||
57 | caption { | ||
58 | color: $caption_color !important; | ||
59 | } | ||
60 | } | ||
61 | |||
62 | // Add border to the lines | ||
63 | .gutter { | ||
64 | color: $gutter_text !important; | ||
65 | .line { | ||
66 | border-right: $gutter_border !important; | ||
67 | |||
68 | &.highlighted { | ||
69 | background-color: $gutter_border_color !important; | ||
70 | color: $background !important; | ||
71 | } | ||
72 | } | ||
73 | } | ||
74 | |||
75 | &.printing .line .content { border: none !important; } | ||
76 | |||
77 | &.collapsed { | ||
78 | overflow: visible !important; | ||
79 | |||
80 | .toolbar { | ||
81 | color: $toolbar_collapsed_a !important; | ||
82 | background: $toolbar_collapsed_background !important; | ||
83 | border: $toolbar_collapsed_border !important; | ||
84 | |||
85 | a { | ||
86 | color: $toolbar_collapsed_a !important; | ||
87 | &:hover { color: $toolbar_collapsed_a_hover !important; } | ||
88 | } | ||
89 | } | ||
90 | } | ||
91 | |||
92 | .toolbar { | ||
93 | color: $toolbar_a !important; | ||
94 | background: $toolbar_background !important; | ||
95 | border: $toolbar_border !important; | ||
96 | a { | ||
97 | color: $toolbar_a !important; | ||
98 | &:hover { color: $toolbar_a_hover !important; } | ||
99 | } | ||
100 | } | ||
101 | |||
102 | // Actual syntax highlighter colors. | ||
103 | .plain, .plain a { color: $code_plain !important; } | ||
104 | .comments, .comments a { color: $code_comments !important; } | ||
105 | .string, .string a { color: $code_string !important; } | ||
106 | .keyword { color: $code_keyword !important; } | ||
107 | .preprocessor { color: $code_preprocessor !important; } | ||
108 | .variable { color: $code_variable !important; } | ||
109 | .value { color: $code_value !important; } | ||
110 | .functions { color: $code_functions !important; } | ||
111 | .constants { color: $code_constants !important; } | ||
112 | .script { | ||
113 | font-weight: bold !important; | ||
114 | color: $code_script !important; | ||
115 | background-color: $code_script_background !important; | ||
116 | } | ||
117 | .color1, .color1 a { color: $code_color1 !important; } | ||
118 | .color2, .color2 a { color: $code_color2 !important; } | ||
119 | .color3, .color3 a { color: $code_color3 !important; } | ||
120 | } | ||