Blame
Date:
Mon Jun 29 07:55:25 2020 UTC
Message:
take care of tel screen reso
001
2020-06-27
dev
/*
002
2020-06-27
dev
* Copyright (c) 2016-present Arctic Ice Studio <development@arcticicestudio.com>
003
2020-06-27
dev
* Copyright (c) 2016-present Sven Greb <development@svengreb.de>
004
2020-06-27
dev
*
005
2020-06-27
dev
* Project: Nord
006
2020-06-27
dev
* Version: 0.2.0
007
2020-06-27
dev
* Repository: https://github.com/arcticicestudio/nord
008
2020-06-27
dev
* License: MIT
009
2020-06-27
dev
* References:
010
2020-06-27
dev
* https://www.w3.org/TR/css-variables
011
2020-06-27
dev
* https://www.w3.org/TR/selectors/#root-pseudo
012
2020-06-27
dev
* https://drafts.csswg.org/css-variables
013
2020-06-27
dev
* https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
014
2020-06-27
dev
* http://warpspire.com/kss
015
2020-06-27
dev
* https://github.com/kss-node/kss-node
016
2020-06-27
dev
*/
017
2020-06-27
dev
018
2020-06-27
dev
/*
019
2020-06-27
dev
An arctic, north-bluish color palette.
020
2020-06-27
dev
Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax
021
2020-06-27
dev
highlighting and UI.
022
2020-06-27
dev
It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful
023
2020-06-27
dev
ambiance.
024
2020-06-27
dev
025
2020-06-27
dev
Styleguide Nord
026
2020-06-27
dev
*/
027
2020-06-27
dev
028
2020-06-27
dev
:root {
029
2020-06-27
dev
/*
030
2020-06-27
dev
Base component color of "Polar Night".
031
2020-06-27
dev
032
2020-06-27
dev
Used for texts, backgrounds, carets and structuring characters like curly- and square brackets.
033
2020-06-27
dev
034
2020-06-27
dev
Markup:
035
2020-06-27
dev
<div style="background-color:#2e3440; width=60; height=60"></div>
036
2020-06-27
dev
037
2020-06-27
dev
Styleguide Nord - Polar Night
038
2020-06-27
dev
*/
039
2020-06-27
dev
--nord0: #2e3440;
040
2020-06-27
dev
041
2020-06-27
dev
/*
042
2020-06-27
dev
Lighter shade color of the base component color.
043
2020-06-27
dev
044
2020-06-27
dev
Used as a lighter background color for UI elements like status bars.
045
2020-06-27
dev
046
2020-06-27
dev
Markup:
047
2020-06-27
dev
<div style="background-color:#3b4252; width=60; height=60"></div>
048
2020-06-27
dev
049
2020-06-27
dev
Styleguide Nord - Polar Night
050
2020-06-27
dev
*/
051
2020-06-27
dev
--nord1: #3b4252;
052
2020-06-27
dev
053
2020-06-27
dev
/*
054
2020-06-27
dev
Lighter shade color of the base component color.
055
2020-06-27
dev
056
2020-06-27
dev
Used as line highlighting in the editor.
057
2020-06-27
dev
In the UI scope it may be used as selection- and highlight color.
058
2020-06-27
dev
059
2020-06-27
dev
Markup:
060
2020-06-27
dev
<div style="background-color:#434c5e; width=60; height=60"></div>
061
2020-06-27
dev
062
2020-06-27
dev
Styleguide Nord - Polar Night
063
2020-06-27
dev
*/
064
2020-06-27
dev
--nord2: #434c5e;
065
2020-06-27
dev
066
2020-06-27
dev
/*
067
2020-06-27
dev
Lighter shade color of the base component color.
068
2020-06-27
dev
069
2020-06-27
dev
Used for comments, invisibles, indent- and wrap guide marker.
070
2020-06-27
dev
In the UI scope used as pseudoclass color for disabled elements.
071
2020-06-27
dev
072
2020-06-27
dev
Markup:
073
2020-06-27
dev
<div style="background-color:#4c566a; width=60; height=60"></div>
074
2020-06-27
dev
075
2020-06-27
dev
Styleguide Nord - Polar Night
076
2020-06-27
dev
*/
077
2020-06-27
dev
--nord3: #4c566a;
078
2020-06-27
dev
079
2020-06-27
dev
/*
080
2020-06-27
dev
Base component color of "Snow Storm".
081
2020-06-27
dev
082
2020-06-27
dev
Main color for text, variables, constants and attributes.
083
2020-06-27
dev
In the UI scope used as semi-light background depending on the theme shading design.
084
2020-06-27
dev
085
2020-06-27
dev
Markup:
086
2020-06-27
dev
<div style="background-color:#d8dee9; width=60; height=60"></div>
087
2020-06-27
dev
088
2020-06-27
dev
Styleguide Nord - Snow Storm
089
2020-06-27
dev
*/
090
2020-06-27
dev
--nord4: #d8dee9;
091
2020-06-27
dev
092
2020-06-27
dev
/*
093
2020-06-27
dev
Lighter shade color of the base component color.
094
2020-06-27
dev
095
2020-06-27
dev
Used as a lighter background color for UI elements like status bars.
096
2020-06-27
dev
Used as semi-light background depending on the theme shading design.
097
2020-06-27
dev
098
2020-06-27
dev
Markup:
099
2020-06-27
dev
<div style="background-color:#e5e9f0; width=60; height=60"></div>
100
2020-06-27
dev
101
2020-06-27
dev
Styleguide Nord - Snow Storm
102
2020-06-27
dev
*/
103
2020-06-27
dev
--nord5: #e5e9f0;
104
2020-06-27
dev
105
2020-06-27
dev
/*
106
2020-06-27
dev
Lighter shade color of the base component color.
107
2020-06-27
dev
108
2020-06-27
dev
Used for punctuations, carets and structuring characters like curly- and square brackets.
109
2020-06-27
dev
In the UI scope used as background, selection- and highlight color depending on the theme shading design.
110
2020-06-27
dev
111
2020-06-27
dev
Markup:
112
2020-06-27
dev
<div style="background-color:#eceff4; width=60; height=60"></div>
113
2020-06-27
dev
114
2020-06-27
dev
Styleguide Nord - Snow Storm
115
2020-06-27
dev
*/
116
2020-06-27
dev
--nord6: #eceff4;
117
2020-06-27
dev
118
2020-06-27
dev
/*
119
2020-06-27
dev
Bluish core color.
120
2020-06-27
dev
121
2020-06-27
dev
Used for classes, types and documentation tags.
122
2020-06-27
dev
123
2020-06-27
dev
Markup:
124
2020-06-27
dev
<div style="background-color:#8fbcbb; width=60; height=60"></div>
125
2020-06-27
dev
126
2020-06-27
dev
Styleguide Nord - Frost
127
2020-06-27
dev
*/
128
2020-06-27
dev
--nord7: #8fbcbb;
129
2020-06-27
dev
130
2020-06-27
dev
/*
131
2020-06-27
dev
Bluish core accent color.
132
2020-06-27
dev
133
2020-06-27
dev
Represents the accent color of the color palette.
134
2020-06-27
dev
Main color for primary UI elements and methods/functions.
135
2020-06-27
dev
136
2020-06-27
dev
Can be used for
137
2020-06-27
dev
- Markup quotes
138
2020-06-27
dev
- Markup link URLs
139
2020-06-27
dev
140
2020-06-27
dev
Markup:
141
2020-06-27
dev
<div style="background-color:#88c0d0; width=60; height=60"></div>
142
2020-06-27
dev
143
2020-06-27
dev
Styleguide Nord - Frost
144
2020-06-27
dev
*/
145
2020-06-27
dev
--nord8: #88c0d0;
146
2020-06-27
dev
147
2020-06-27
dev
/*
148
2020-06-27
dev
Bluish core color.
149
2020-06-27
dev
150
2020-06-27
dev
Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and
151
2020-06-27
dev
punctuations like (semi)colons,commas and braces.
152
2020-06-27
dev
153
2020-06-27
dev
Markup:
154
2020-06-27
dev
<div style="background-color:#81a1c1; width=60; height=60"></div>
155
2020-06-27
dev
156
2020-06-27
dev
Styleguide Nord - Frost
157
2020-06-27
dev
*/
158
2020-06-27
dev
--nord9: #81a1c1;
159
2020-06-27
dev
160
2020-06-27
dev
/*
161
2020-06-27
dev
Bluish core color.
162
2020-06-27
dev
163
2020-06-27
dev
Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`).
164
2020-06-27
dev
165
2020-06-27
dev
Markup:
166
2020-06-27
dev
<div style="background-color:#5e81ac; width=60; height=60"></div>
167
2020-06-27
dev
168
2020-06-27
dev
Styleguide Nord - Frost
169
2020-06-27
dev
*/
170
2020-06-27
dev
--nord10: #5e81ac;
171
2020-06-27
dev
172
2020-06-27
dev
/*
173
2020-06-27
dev
Colorful component color.
174
2020-06-27
dev
175
2020-06-27
dev
Used for errors, git/diff deletion and linter marker.
176
2020-06-27
dev
177
2020-06-27
dev
Markup:
178
2020-06-27
dev
<div style="background-color:#bf616a; width=60; height=60"></div>
179
2020-06-27
dev
180
2020-06-27
dev
Styleguide Nord - Aurora
181
2020-06-27
dev
*/
182
2020-06-27
dev
--nord11: #bf616a;
183
2020-06-27
dev
184
2020-06-27
dev
/*
185
2020-06-27
dev
Colorful component color.
186
2020-06-27
dev
187
2020-06-27
dev
Used for annotations.
188
2020-06-27
dev
189
2020-06-27
dev
Markup:
190
2020-06-27
dev
<div style="background-color:#d08770; width=60; height=60"></div>
191
2020-06-27
dev
192
2020-06-27
dev
Styleguide Nord - Aurora
193
2020-06-27
dev
*/
194
2020-06-27
dev
--nord12: #d08770;
195
2020-06-27
dev
196
2020-06-27
dev
/*
197
2020-06-27
dev
Colorful component color.
198
2020-06-27
dev
199
2020-06-27
dev
Used for escape characters, regular expressions and markup entities.
200
2020-06-27
dev
In the UI scope used for warnings and git/diff renamings.
201
2020-06-27
dev
202
2020-06-27
dev
Markup:
203
2020-06-27
dev
<div style="background-color:#ebcb8b; width=60; height=60"></div>
204
2020-06-27
dev
205
2020-06-27
dev
Styleguide Nord - Aurora
206
2020-06-27
dev
*/
207
2020-06-27
dev
--nord13: #ebcb8b;
208
2020-06-27
dev
209
2020-06-27
dev
/*
210
2020-06-27
dev
Colorful component color.
211
2020-06-27
dev
212
2020-06-27
dev
Main color for strings and attribute values.
213
2020-06-27
dev
In the UI scope used for git/diff additions and success visualizations.
214
2020-06-27
dev
215
2020-06-27
dev
Markup:
216
2020-06-27
dev
<div style="background-color:#a3be8c; width=60; height=60"></div>
217
2020-06-27
dev
218
2020-06-27
dev
Styleguide Nord - Aurora
219
2020-06-27
dev
*/
220
2020-06-27
dev
--nord14: #a3be8c;
221
2020-06-27
dev
222
2020-06-27
dev
/*
223
2020-06-27
dev
Colorful component color.
224
2020-06-27
dev
225
2020-06-27
dev
Used for numbers.
226
2020-06-27
dev
227
2020-06-27
dev
Markup:
228
2020-06-27
dev
<div style="background-color:#b48ead; width=60; height=60"></div>
229
2020-06-27
dev
230
2020-06-27
dev
Styleguide Nord - Aurora
231
2020-06-27
dev
*/
232
2020-06-27
dev
--nord15: #b48ead;
233
2020-06-27
dev
}
Frédéric Galusik