From ee0365d4a94fbeb5055e018b6aedf6ce5b118e12 Mon Sep 17 00:00:00 2001 From: "E. Almqvist" Date: Wed, 2 Feb 2022 18:38:08 +0100 Subject: [PATCH] Dark mode --- src/app.rb | 2 +- src/misc/subtitles.txt | 4 ++-- src/views/layout.slim | 2 +- src/views/stylesheets/style.sass | 17 +++++++++-------- 4 files changed, 13 insertions(+), 12 deletions(-) diff --git a/src/app.rb b/src/app.rb index 8aa7b9b..052e9d9 100755 --- a/src/app.rb +++ b/src/app.rb @@ -8,7 +8,7 @@ require "sassc" def get_random_subtitle subtitles = File.readlines "misc/subtitles.txt" - subtitles.sample + subtitles.sample.chomp end diff --git a/src/misc/subtitles.txt b/src/misc/subtitles.txt index 9a5e3bd..1007ddd 100644 --- a/src/misc/subtitles.txt +++ b/src/misc/subtitles.txt @@ -1,7 +1,7 @@ V2FpdCwgbW9uZXkgaGFzIG5vIHZhbHVlPyEK No such place like 127.0.0.1! -Fourty-two? What do you mean? Tell me! +Fourty-two? What do you mean? Tell me! I use Arch btw They glow in the dark... -"What sort of executable format do you intend to support for apps running under your OS?" +What sort of executable format do you intend to support for apps running under your OS? I would just like to interject for a moment... diff --git a/src/views/layout.slim b/src/views/layout.slim index e90813b..91f610c 100644 --- a/src/views/layout.slim +++ b/src/views/layout.slim @@ -10,7 +10,7 @@ html lang="en" div div#logo_container h1 = "The Auction House" - h2 = get_random_subtitle + h2 = "\"#{get_random_subtitle}\"" nav ul li diff --git a/src/views/stylesheets/style.sass b/src/views/stylesheets/style.sass index 7b16ef8..bfff096 100644 --- a/src/views/stylesheets/style.sass +++ b/src/views/stylesheets/style.sass @@ -1,13 +1,13 @@ @import "fonts" + $font_stack: "Space Mono", monospace -$bg_clr: #f2f5f7 -// #e7ecef -$bg_alt_clr: #fffcf7 -$fg_clr: #262526 -$fg_alt_clr: #fff +$bg_clr: #272a34 +$bg_alt_clr: #232730 +$fg_clr: #fff +$fg_alt_clr: #eee -$shadow_clr: #ccc +$shadow_clr: #4b5263 $special_btn_clr: #4776C1 @@ -17,6 +17,7 @@ $special_btn_clr: #4776C1 padding: 0 font-family: $font_stack font-size: 16px + color: $fg_clr html background-color: $bg_clr @@ -40,14 +41,14 @@ body margin: 0 h1 margin: 0 - opacity: .5 + opacity: .8 font-size: 2rem font-weight: bold h2 padding-left: 6px margin: 0 - opacity: .28 + opacity: .5 font-size: .8rem font-style: italic font-weight: normal