blob: 042a6867f39f7edf11ec8b52af3ff80fe0196f3f (
plain)
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
|
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require simple
*= require_tree .
*= require_self
*/
body {
/* Make the central block wider as it is with the default simple.css layout. */
grid-template-columns: 1fr min(65rem,90%) 1fr !important;
}
header {
padding: 0px !important;
}
/* Tweaks on dark mode */
@media (prefers-color-scheme: dark) {
/* Change the accent from simple.css */
:root,
::backdrop {
--accent: #d7af87 !important;
--accent-hover: #ffe099 !important;
}
/* Make the buttons from Trix a bit more visible on dark mode */
trix-toolbar .trix-button {
background: var(--text) !important;
}
}
|
