-
Notifications
You must be signed in to change notification settings - Fork 7
/
juliadynamics-darkdefs.scss
135 lines (109 loc) · 4.33 KB
/
juliadynamics-darkdefs.scss
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
// This template file overrides some of the Documenter theme variables to customize the theme:
$themename: "documenter-dark"; // CSS file must be called `$(themename).css`
// Instruct documenter/*.scss files that this is a dark theme
$documenter-is-dark-theme: true;
$boldcolor: lighten-color($maincolor, 4.5);
$body-background-color: $darkbg; // main page background
// this is the color the links get, and also when they are hovered
$link: lighten-color($secondcolor, 2);
$link-hover: lighten-color($link, 3);
// Main text color:
$text: darken-color($mainwhite, 0.2);
// Bold text color, also affects headers
$text-strong: $boldcolor;
// Code text color:
$code: #fff;
//$code-background: rgba(0.5,0,0, 0.05);
$codebg: darken-color($maincolor, 3);
$code-background: $codebg; // for inline code
$pre-background: $codebg; // for code blocks
$documenter-docstring-header-background: lighten-color($body-background-color, 0.5);
// Sidebar
$documenter-sidebar-background: darken-color($maincolor, 1.2); //background color for sidebar
$documenter-sidebar-color: $text; //font color for sidebar
$documenter-sidebar-menu-hover-color: $documenter-sidebar-color;
$documenter-sidebar-menu-hover-background: darken-color($documenter-sidebar-background, 1.2);
$documenter-sidebar-menu-active-background: $darkbg;
$documenter-sidebar-menu-active-color: $mainwhite;
$documenter-sidebar-menu-active-hover-background: darken-color($documenter-sidebar-background, 1);
$documenter-sidebar-menu-active-hover-color: $documenter-sidebar-menu-active-color;
// these two change what happens with input boxes (the search box):
$input-hover-border-color: $secondcolor;
$input-focus-border-color: $mainwhite;
$documenter-docstring-shadow: 3px 3px 4px invert($shadow-color);
// This line is required after https://github.com/JuliaDocs/Documenter.jl/pull/2499
$admonition-default: $darkbg;
// This line is required after https://github.com/JuliaDocs/Documenter.jl/pull/2526
$todo: #c14ac7;
// All secondary themes have to be nested in a theme--$(themename) class. When Documenter
// switches themes, it applies this class to <html> and then disables the primary
// stylesheet.
@import "documenter/utilities";
@import "documenter/variables";
@import "bulma/utilities/all";
@import "bulma/base/minireset.sass";
@import "bulma/helpers/_all.sass";
html.theme--#{$themename} {
@extend .is-size-7 !optional;
@import "bulma/base/generic.sass";
@import "documenter/overrides";
@import "bulma/elements/all";
@import "bulma/form/all";
@import "bulma/components/all";
@import "bulma/grid/all";
@import "bulma/layout/all";
// Additional overrides, if need be
@import "documenter/elements";
@import "documenter/components/all";
@import "documenter/patches";
@import "documenter/layout/all";
@import "documenter/theme_overrides";
// $shadow-color: #202224;
#documenter .docs-sidebar { // This makes sidebar have shadow at all displays
border-right: none;
box-shadow: 1.2*$shadow-size 0rem 1*$shadow-blur invert($shadow-color);
form.docs-search > input { // these controls are for the searchbar
color: $mainwhite;
background-color: darken-color($documenter-sidebar-background, 1);
border-color: darken-color($documenter-sidebar-background, 2);
margin-top: 1.0rem;
margin-bottom: 1.0rem; // adjust the margings between search and other elements
&::placeholder {
color: $mainwhite; // placeholder text color ("Search here...")
}
}
}
// FIXME: Hack to get a proper theme for highlight.js in the dark theme
@import "highlightjs/a11y-dark";
// Also, a11y-dark does not highlight string interpolation properly.
.hljs-subst {
color: #f8f8f2;
}
// fix for the settings/modal panel
.modal-card-head {
background-color: darken($darkbg,5);
}
.modal-card-body {
background-color: darken($darkbg,5);
}
.modal-card-foot {
background-color: darken($darkbg,5);
}
.select {
> select {
background-color: darken($darkbg,5);
}
}
// fix for the search panel
.input {
background-color: darken($darkbg,5);
}
.search-result-title {
color: white
}
// match the size of the light theme (additional rule
// that is dark-theme specific and messing around
// with the size of elements, making the size be 0,75em
// only for the dark theme, no idea why)
font-size: unset !important;
}