diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 8c68e6c..e1fe015 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -16,4 +16,9 @@ body { site-sidebar { --background: var(--pico-primary); + --color: white; + + h1, h2, h3, h4, h5, h6, p { + color: var(--color); + } } diff --git a/app/javascript/elements/site_sidebar.js b/app/javascript/elements/site_sidebar.js index ec96971..86ee44c 100644 --- a/app/javascript/elements/site_sidebar.js +++ b/app/javascript/elements/site_sidebar.js @@ -18,6 +18,7 @@ export class SiteSidebar extends LitElement { height: 100%; width: min(15em, 30%); background: var(--background); + color: var(--color); transform: translateX(-100%); transition: transform 0.2s ease; diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index c6e8348..bd2e000 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -25,6 +25,8 @@