a5e60e1b97e364ffedab8bd9df6393baadc8783e
custom.css
... | ... | @@ -13,12 +13,22 @@ |
13 | 13 | } |
14 | 14 | |
15 | 15 | body, .markdown-body { |
16 | - background: #171717; |
|
17 | - color: #bbbbbb; |
|
16 | + background: #22201d; |
|
17 | + color: #fbf0d2; |
|
18 | 18 | font-family: 'main-font'; |
19 | 19 | font-size: 16px; |
20 | 20 | letter-spacing: .3px; |
21 | 21 | } |
22 | + |
|
23 | +.btn { |
|
24 | + background-color: #604d50; |
|
25 | +} |
|
26 | + |
|
27 | +.form-control, .form-select { |
|
28 | + background-color: #110f0d; |
|
29 | + color: #bcc92e; |
|
30 | +} |
|
31 | + |
|
22 | 32 | #head { |
23 | 33 | border-bottom: none; |
24 | 34 | text-transform: lowercase; |
... | ... | @@ -30,7 +40,7 @@ h1 { |
30 | 40 | h2, |
31 | 41 | h3, |
32 | 42 | h4 { |
33 | - color: #909798; |
|
43 | + color: #8e7a7a; |
|
34 | 44 | font-weight: normal; |
35 | 45 | text-transform: lowercase; |
36 | 46 | } |
... | ... | @@ -40,7 +50,7 @@ h4 { |
40 | 50 | .markdown-body h2, |
41 | 51 | .markdown-body h3, |
42 | 52 | .markdown-body h4 { |
43 | - color: #909798; |
|
53 | + color: #8e7a7a; |
|
44 | 54 | font-weight: normal; |
45 | 55 | border-bottom: none; |
46 | 56 | text-transform: lowercase; |
... | ... | @@ -62,16 +72,16 @@ h4 { |
62 | 72 | a, |
63 | 73 | a:link, |
64 | 74 | a:visited { |
65 | - color: #baba9e; |
|
75 | + color: #e3d3a7; |
|
66 | 76 | text-decoration: none; |
67 | - border-bottom: 1px dotted #807b64; |
|
77 | + border-bottom: 1px dotted #caba8f; |
|
68 | 78 | } |
69 | 79 | a:active, |
70 | 80 | a:hover, |
71 | 81 | a:focus { |
72 | - color: #807b64; |
|
82 | + color: #887c5b; |
|
73 | 83 | text-decoration: none; |
74 | - border-bottom: 1px dotted #807b64; |
|
84 | + border-bottom: 1px dotted #766d53; |
|
75 | 85 | } |
76 | 86 | .markdown-body a.anchor, |
77 | 87 | .markdown-body a.anchor:link, |
... | ... | @@ -85,30 +95,30 @@ a:focus { |
85 | 95 | border-bottom: 0px !important; |
86 | 96 | } |
87 | 97 | .markdown-body code { |
88 | - background-color: #3d3a3b; |
|
89 | - color: #bbbbbb; |
|
98 | + background-color: #fbf0d2; |
|
99 | + color: #604d50; |
|
90 | 100 | font-family: 'bpmono', mono; |
91 | 101 | font-size: 13px; |
92 | 102 | padding: 2px 4px 2px 4px; |
93 | 103 | border-radius: 2px; |
94 | - border-color: #3d3a3b; |
|
95 | 104 | } |
96 | 105 | .markdown-body pre { |
97 | - background: #131313; |
|
98 | - color: #baba9e; |
|
106 | + background: #110f0d; |
|
107 | + color: #bcc92e; |
|
99 | 108 | font-family: 'bpmono', mono; |
100 | 109 | border-radius: 2px; |
101 | - border-color: #3d3a3b; |
|
110 | + border-color: #93141f; |
|
102 | 111 | border-width: 1px; |
103 | 112 | border-style: solid; |
104 | 113 | overflow-x: auto; |
105 | 114 | } |
106 | 115 | .markdown-body pre code { |
107 | - color: #baba9e; |
|
116 | + color: #bcc92e; |
|
108 | 117 | font-family: 'bpmono', mono; |
109 | 118 | white-space: pre-wrap; |
110 | - background-color: #131313; |
|
119 | + background-color: #110f0d; |
|
111 | 120 | display: table; |
121 | + padding: 7.5px; |
|
112 | 122 | } |
113 | 123 | .highlight .nt { |
114 | 124 | color: #bbbbbb; |