FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
scroll-documentation/src/styles/theme.css at develop-temp · scroll-tech/scroll-documentation · GitHub
Uh oh!
There was an error while loading.
Please reload this page
.
scroll-tech
/
scroll-documentation
Public
Notifications
You must be signed in to change notification settings
Fork
196
Star
699
Code
Issues
38
Pull requests
49
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
scroll-documentation
/
src
/
styles
/
theme.css
Copy path
More file actions
More file actions
Latest commit
History
History
History
86 lines (79 loc) · 2.91 KB
Breadcrumbs
scroll-documentation
/
src
/
styles
/
theme.css
Copy path
File metadata and controls
86 lines (79 loc) · 2.91 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
75
76
77
78
79
80
81
82
83
84
85
86
/* Starter file. Has to be replaced with styles from design-system */
:
root
{
--font-body
:
var
(
--font-family-text
);
--font-mono
:
var
(
--font-family-code
);
/*
* Variables with --color-base prefix define
* the hue, and saturation values to be used for
* hsla colors.
*
* ex:
*
* --color-base-{color}: {hue}, {saturation};
*
*/
--color-base-white
:
0
,
0
%
;
--color-base-black
:
240
,
100
%
;
--color-base-gray
:
215
,
14
%
;
--color-base-blue
:
212
,
100
%
;
--color-base-blue-dark
:
212
,
72
%
;
--color-base-brown
:
23
,
30
%
;
--color-base-brown-dark
:
23
,
30
%
;
--color-base-green
:
158
,
79
%
;
--color-base-orange
:
22
,
100
%
;
--color-base-purple
:
269
,
79
%
;
--color-base-red
:
351
,
100
%
;
--color-base-yellow
:
41
,
100
%
;
/*
* Color palettes are made using --color-base
* variables, along with a lightness value to
* define different variants.
*
*/
--color-gray-5
:
var
(
--color-base-gray
)
,
5
%
;
--color-gray-10
:
var
(
--color-base-gray
)
,
10
%
;
--color-gray-20
:
var
(
--color-base-gray
)
,
20
%
;
--color-gray-30
:
var
(
--color-base-gray
)
,
30
%
;
--color-gray-40
:
var
(
--color-base-gray
)
,
40
%
;
--color-gray-50
:
var
(
--color-base-gray
)
,
50
%
;
--color-gray-60
:
var
(
--color-base-gray
)
,
60
%
;
--color-gray-70
:
var
(
--color-base-gray
)
,
70
%
;
--color-gray-80
:
var
(
--color-base-gray
)
,
80
%
;
--color-gray-90
:
var
(
--color-base-gray
)
,
90
%
;
--color-gray-95
:
var
(
--color-base-gray
)
,
95
%
;
--color-blue
:
var
(
--color-base-blue
)
,
61
%
;
--color-blue-dark
:
var
(
--color-base-blue-dark
)
,
39
%
;
--color-brown
:
var
(
--color-base-brown
)
,
89
%
;
--color-brown-dark
:
var
(
--color-base-brown-dark
)
,
59
%
;
--color-green
:
var
(
--color-base-green
)
,
42
%
;
--color-orange
:
var
(
--color-base-orange
)
,
50
%
;
--color-purple
:
var
(
--color-base-purple
)
,
54
%
;
--color-red
:
var
(
--color-base-red
)
,
54
%
;
--color-yellow
:
var
(
--color-base-yellow
)
,
59
%
;
}
:
root
{
--theme-accent
:
hsla
(
var
(
--color-blue
)
,
1
);
--theme-text-accent
:
hsla
(
var
(
--color-blue
)
,
1
);
--theme-accent-opacity
:
0.15
;
--theme-divider
:
hsla
(
var
(
--color-gray-95
)
,
1
);
--theme-text
:
hsla
(
var
(
--color-gray-10
)
,
1
);
--theme-text-light
:
hsla
(
var
(
--color-gray-40
)
,
1
);
/* @@@: not used anywhere */
--theme-text-lighter
:
hsla
(
var
(
--color-gray-80
)
,
1
);
--theme-bg
:
hsla
(
var
(
--color-base-white
)
,
100
%
,
1
);
--theme-bg-hover
:
hsla
(
var
(
--color-gray-95
)
,
1
);
--theme-bg-offset
:
hsla
(
var
(
--color-gray-90
)
,
1
);
--theme-bg-accent
:
hsla
(
var
(
--color-blue
)
,
var
(
--theme-accent-opacity
));
--theme-code-inline-bg
:
hsla
(
var
(
--color-gray-95
)
,
1
);
--theme-code-inline-text
:
var
(
--theme-text
);
--theme-code-bg
:
hsla
(
217
,
19
%
,
27
%
,
1
);
--theme-code-text
:
hsla
(
var
(
--color-gray-95
)
,
1
);
--theme-navbar-bg
:
hsla
(
var
(
--color-base-white
)
,
100
%
,
1
);
--theme-navbar-height
:
65
px
;
--theme-selection-color
:
hsla
(
var
(
--color-blue
)
,
1
);
--theme-selection-bg
:
hsla
(
var
(
--color-blue
)
,
var
(
--theme-accent-opacity
));
}
body
{
@apply
bg-pure-white dark:bg-black;
color
:
var
(
--color-text-primary
);
}
Back
|
FazBrowse Home
|
New Git URL