diff options
author | 2024-04-09 16:07:45 +0200 | |
---|---|---|
committer | 2024-04-09 16:07:45 +0200 | |
commit | 4ce6123378600e6fa5a6543dbf7c45a49e11076e (patch) | |
tree | a18575c02e82ce13727cd67012901b7bc8e3b324 /subprojects/docs/src/css/custom.css | |
parent | docs: add Docusaurus website (diff) | |
download | refinery-4ce6123378600e6fa5a6543dbf7c45a49e11076e.tar.gz refinery-4ce6123378600e6fa5a6543dbf7c45a49e11076e.tar.zst refinery-4ce6123378600e6fa5a6543dbf7c45a49e11076e.zip |
docs: basic theme and structure
Diffstat (limited to 'subprojects/docs/src/css/custom.css')
-rw-r--r-- | subprojects/docs/src/css/custom.css | 74 |
1 files changed, 69 insertions, 5 deletions
diff --git a/subprojects/docs/src/css/custom.css b/subprojects/docs/src/css/custom.css index 115d7ac9..9b839f53 100644 --- a/subprojects/docs/src/css/custom.css +++ b/subprojects/docs/src/css/custom.css | |||
@@ -22,19 +22,83 @@ | |||
22 | 'Fira Code', | 22 | 'Fira Code', |
23 | monospace; | 23 | monospace; |
24 | --ifm-code-font-size: 95%; | 24 | --ifm-code-font-size: 95%; |
25 | --ifm-background-surface-color: #f5f5f5; | ||
26 | --refinery-outer-border-color: rgb(0 0 0 / 0.21); | ||
27 | --ifm-font-color-base: #19202b; | ||
28 | --ifm-color-content-secondary: #696c77; | ||
29 | --ifm-color-primary: #038a99; | ||
30 | --ifm-color-primary-dark: #037c8a; | ||
31 | --ifm-color-primary-darker: #037582; | ||
32 | --ifm-color-primary-darkest: #02616b; | ||
33 | --ifm-color-primary-light: #0398a8; | ||
34 | --ifm-color-primary-lighter: #039fb0; | ||
35 | --ifm-color-primary-lightest: #04b3c7; | ||
25 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); | 36 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); |
37 | --ifm-blockquote-color: var(--ifm-color-content-secondary); | ||
26 | } | 38 | } |
27 | 39 | ||
28 | [data-theme='dark'] { | 40 | [data-theme='dark'] { |
29 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); | 41 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); |
42 | --ifm-background-color: #21252b !important; | ||
43 | --ifm-background-surface-color: #282c34 !important; | ||
44 | --refinery-outer-border-color: transparent; | ||
45 | --ifm-font-color-base: #ebebff !important; | ||
46 | --ifm-color-content-secondary: #abb2bf !important; | ||
47 | --ifm-color-primary: #56b6c2; | ||
48 | --ifm-color-primary-dark: #43acb9; | ||
49 | --ifm-color-primary-darker: #3fa2af; | ||
50 | --ifm-color-primary-darkest: #348690; | ||
51 | --ifm-color-primary-light: #6bbfc9; | ||
52 | --ifm-color-primary-lighter: #75c3cd; | ||
53 | --ifm-color-primary-lightest: #94d1d8; | ||
30 | } | 54 | } |
31 | 55 | ||
32 | code, | 56 | code { |
33 | kbd { | ||
34 | font-feature-settings: 'liga', 'calt'; | 57 | font-feature-settings: 'liga', 'calt'; |
35 | } | 58 | } |
36 | 59 | ||
37 | .navbar__title { | 60 | .navbar { |
38 | font-weight: 500; | 61 | --ifm-navbar-background-color: var(--ifm-background-surface-color) !important; |
39 | font-size: 1.25rem; | 62 | } |
63 | |||
64 | .navbar { | ||
65 | box-shadow: 0 1px var(--refinery-outer-border-color); | ||
66 | } | ||
67 | |||
68 | [data-theme='dark'] .navbar { | ||
69 | box-shadow: var(--ifm-global-shadow-lw); | ||
70 | } | ||
71 | |||
72 | .button, .navbar__link, .footer__link-item { | ||
73 | text-transform: uppercase; | ||
74 | font-variation-settings: 'wdth' 87.5; | ||
75 | } | ||
76 | |||
77 | .button, .navbar__link { | ||
78 | font-weight: 600; | ||
79 | } | ||
80 | |||
81 | .navbar__link--try-now { | ||
82 | margin: 0 0.5rem 0 0.25rem; | ||
83 | padding: 0.25rem 1.25rem; | ||
84 | color: var(--ifm-font-color-base-inverse); | ||
85 | background: var(--ifm-color-primary); | ||
86 | border-radius: 50em; | ||
87 | transition: background var(--ifm-button-transition-duration) var(--ifm-transition-timing-default); | ||
88 | } | ||
89 | |||
90 | .navbar__link--try-now:hover { | ||
91 | color: var(--ifm-font-color-base-inverse); | ||
92 | background: var(--ifm-color-primary-dark); | ||
93 | } | ||
94 | |||
95 | .navbar__link--try-now:active { | ||
96 | color: var(--ifm-font-color-base-inverse); | ||
97 | background: var(--ifm-color-primary-darker); | ||
98 | } | ||
99 | |||
100 | .footer { | ||
101 | --ifm-footer-background-color: var(--ifm-background-surface-color) !important; | ||
102 | --ifm-footer-link-color: var(--ifm-color-content-secondary) !important; | ||
103 | box-shadow: 0 -1px var(--refinery-outer-border-color); | ||
40 | } | 104 | } |