From a7791635aa98f012d35f97c3c5288494bbb28e38 Mon Sep 17 00:00:00 2001 From: Miquel Sabaté Solà Date: Wed, 13 Mar 2024 18:03:43 +0100 Subject: Initial commit MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Miquel Sabaté Solà --- app/assets/stylesheets/application.css | 40 ++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 app/assets/stylesheets/application.css (limited to 'app/assets/stylesheets/application.css') diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 0000000..042a686 --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,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; + } +} -- cgit v1.2.3