thredded_create_app 0.1.12 → 0.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 513368c529e15ea3dc4754fca05f14bc9079f6ea
-  data.tar.gz: fa5a72dd4db36c920ca536a7c4ac1953bf627e63
+  metadata.gz: 839482e4e53aa216336b96787c30befc798a7703
+  data.tar.gz: db966ce9861f65c420e755831c6a7e536f9deb0b
 SHA512:
-  metadata.gz: 7ef614456503b8c591ff0e34e4ddce7bda63e0bfd96d962975a28e1587d5bda8bfd519d106702d4529938e4dd67aca961435584853626b0afc4324ed3e375856
-  data.tar.gz: cfc159231d9edd498a86138cde95f4e10988cbc125eac7c75bc2381e4ae4c11975e78a046a9c356b001619b19132b9863d3a487356374192346d69aebed6199f
+  metadata.gz: 262fda0690bea54024a3004c6477c67c3c1b6e528a84918871ce86e3ad4d8d031e64a49c0c66795f69eb0cffffc1666fd3fcb52602ff5f2b5f2607709441a90e
+  data.tar.gz: e66af9f678bb54c8de023e708091e917fabfe82eb0ceefd00281364efdd31e6f8c2361ebdf73d91df1c0a7856deaf6ae52f41442999c511e5e778f17d6b76fe1

data/lib/thredded_create_app/tasks/add_rails_email_preview.rb

@@ -21,13 +21,10 @@ module ThreddedCreateApp
       private
 
       def add_styles
-        if File.file? 'app/assets/stylesheets/application.css'
-          File.delete 'app/assets/stylesheets/application.css'
-        end
         copy 'add_rails_email_preview/_rails_email_preview-custom.scss',
              'app/assets/stylesheets/_rails_email_preview-custom.scss'
 
-        File.write 'app/assets/stylesheets/application.scss', <<~SCSS, mode: 'a'
+        File.write 'app/assets/stylesheets/_deps.scss', <<~SCSS, mode: 'a'
           @import "rails_email_preview-custom";
         SCSS
       end

data/lib/thredded_create_app/tasks/add_thredded/_thredded-variables.scss

@@ -1,8 +1,17 @@
 @import "variables";
+$thredded-background-color: $background-color;
 $thredded-brand: $brand-primary;
 $thredded-text-color: $text-color;
 $thredded-secondary-text-color: $secondary-text-color;
+$thredded-secondary-nav-color: $secondary-nav-color;
+$thredded-button-color: $button-color;
+$thredded-button-background: $button-background;
+$thredded-button-hover-background: $button-hover-background;
+$thredded-badge-active-background: $badge-active-background;
 $thredded-base-font-family: $base-font-family;
 $thredded-base-font-size: $base-font-size;
 $thredded-base-line-height: $base-line-height;
 $thredded-grid-container-max-width: $grid-container-max-width;
+$thredded-action-color: $action-color;
+$thredded-action-hover-color: $action-hover-color;
+$thredded-light-gray: $light-gray;

data/lib/thredded_create_app/tasks/add_thredded.rb

@@ -63,12 +63,9 @@ module ThreddedCreateApp
              'app/assets/stylesheets/_thredded-variables.scss'
         copy 'add_thredded/_thredded-custom.scss',
              'app/assets/stylesheets/_thredded-custom.scss'
-        if File.file? 'app/assets/stylesheets/application.css'
-          File.delete 'app/assets/stylesheets/application.css'
-        end
-        File.write 'app/assets/stylesheets/application.scss',
-                   "@import \"thredded-custom\";\n",
-                   mode: 'a'
+        File.write 'app/assets/stylesheets/_deps.scss', <<~SCSS, mode: 'a'
+          @import "thredded-custom";
+        SCSS
       end
 
       def add_thredded_javascripts

data/lib/thredded_create_app/tasks/base.rb

@@ -42,12 +42,23 @@ module ThreddedCreateApp
                  ('--quiet' unless verbose?)].compact)
       end
 
+      def expand_src_path(src_path)
+        File.expand_path src_path, File.dirname(__FILE__)
+      end
+
       def copy(src_path, target_path, mode: 'w')
         copy_template src_path, target_path, process_erb: false, mode: mode
       end
 
       def copy_template(src_path, target_path, process_erb: true, mode: 'w')
-        src = File.read(File.expand_path(src_path, File.dirname(__FILE__)))
+        expanded_src_path = expand_src_path(src_path)
+        if File.directory?(expanded_src_path)
+          fail "Only 'w' mode is supported for directories" if mode != 'w'
+          fail 'ERB processing not supported for directories' if process_erb
+          FileUtils.cp_r expanded_src_path, target_path
+          return
+        end
+        src = File.read(expanded_src_path)
         src = ERB.new(src, nil, '-').result(binding) if process_erb
         FileUtils.mkdir_p(File.dirname(target_path))
         File.write target_path, src, mode: mode
@@ -76,7 +87,7 @@ module ThreddedCreateApp
                   "Rails.application.config.assets.precompile += %w(#{asset})"
         else
           replace 'config/initializers/assets.rb',
-                  /config\.assets\.precompile += %w\((.*?)\)/,
+                  /config\.assets\.precompile \+= %w\((.*?)\)/,
                   "config.assets.precompile += %w(\\1 #{asset})"
         end
       end

data/lib/thredded_create_app/tasks/setup_app_skeleton/_header.html.erb

@@ -10,4 +10,21 @@
     <% end %>
   </span>
   <a class="app-nav-logo" href="/"><%= t 'brand.name' %></a>
+  <div class="app-nav-theme">
+    <span class="app-nav-text"><%= t 'nav.theme' %>:</span>
+    <ul>
+      <% themes.each do |(theme_key, theme_name)| %>
+        <%= content_tag :li, class: ('app-current' if theme_key == current_theme), 'data-theme' => theme_key do -%>
+          <% if theme_key == current_theme -%>
+            <span class="app-nav-text"><%= theme_name %></span>
+          <% else -%>
+            <button type="button">
+              <span class="app-nav-text"><%= theme_name %></span>
+              <span class="app-nav-icon"><%= inline_svg 'brightness.svg' %></span>
+            </button>
+          <% end -%>
+        <% end -%>
+      <% end %>
+    </ul>
+  </div>
 </header>

data/lib/thredded_create_app/tasks/setup_app_skeleton/application_helper_methods.rb

@@ -1,3 +1,5 @@
+include ThemesHelper
+
 def page_title
   safe_join [content_for(:page_title) || content_for(:thredded_page_title),
              t('brand.name')].compact, ' - '

data/lib/thredded_create_app/tasks/setup_app_skeleton/en.yml.erb

@@ -8,3 +8,7 @@ en:
     forums: :thredded.nav.all_messageboards
     sign_in: :devise.shared.links.sign_in
     sign_out: Sign out
+    theme: Theme
+  themes:
+    day: Day
+    night: Night

data/lib/thredded_create_app/tasks/setup_app_skeleton/images/brightness.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M22.088 13.126L24 12l-1.912-1.126a2.172 2.172 0 0 1-.788-2.942L22.393 6l-2.22-.02a2.171 2.171 0 0 1-2.153-2.153L18 1.608l-1.932 1.093a2.172 2.172 0 0 1-2.941-.788L12 0l-1.127 1.913a2.172 2.172 0 0 1-2.941.788L6 1.608l-.02 2.219A2.171 2.171 0 0 1 3.827 5.98L1.607 6 2.7 7.932a2.172 2.172 0 0 1-.788 2.942L0 12l1.912 1.126a2.172 2.172 0 0 1 .788 2.942L1.607 18l2.22.02a2.171 2.171 0 0 1 2.153 2.153L6 22.392l1.932-1.093a2.172 2.172 0 0 1 2.941.788L12 24l1.127-1.913a2.172 2.172 0 0 1 2.941-.788L18 22.392l.02-2.219a2.173 2.173 0 0 1 2.153-2.153l2.22-.02-1.093-1.932a2.172 2.172 0 0 1 .788-2.942zM11.971 20c-4.411 0-8-3.589-8-8s3.588-8 8-8 8 3.589 8 8-3.589 8-8 8zM12 18a6 6 0 0 1 0-12v12z"/>
+</svg>

data/lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app/monkey-patch-turbolinks.js

@@ -0,0 +1,16 @@
+// Monkey patch Turbolinks to render 403, 404 & 500 normally
+// See https://github.com/turbolinks/turbolinks/issues/179
+window.Turbolinks.HttpRequest.prototype.requestLoaded = function() {
+  return this.endRequest(function() {
+    var code = this.xhr.status;
+    if (200 <= code && code < 300 ||
+        code === 403 || code === 404 || code === 500) {
+      this.delegate.requestCompletedWithResponse(
+          this.xhr.responseText,
+          this.xhr.getResponseHeader("Turbolinks-Location"));
+    } else {
+      this.failed = true;
+      this.delegate.requestFailedWithStatusCode(code, this.xhr.responseText);
+    }
+  }.bind(this));
+};

data/lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app/theme.js

@@ -0,0 +1,11 @@
+window.App.onPageLoad(function () {
+  jQuery('.app-nav-theme li button').click(function(evt) {
+    var expiresAt = new Date();
+    expiresAt.setMonth(expiresAt.getMonth() + 12);
+    document.cookie = 'app-theme=' + $(this.parentNode).data('theme') +
+        ';expires=' + expiresAt + ';path=/';
+    document.location.reload();
+  });
+});
+
+

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_app.scss

@@ -0,0 +1,5 @@
+@import "app/layout";
+@import "app/typography";
+@import "app/forms";
+@import "app/header";
+@import "app/flash-messages";

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_variables-night.scss

@@ -0,0 +1,71 @@
+// See https://www.google.com/design/spec/style/color.html#color-color-palette
+// https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
+@at-root {
+  $black-87-opacity: rgba(black, 0.87);
+  $white-87-opacity: rgba(white, 0.87);
+  $black-12-opacity: rgba(black, 0.12);
+  $white-12-opacity: rgba(white, 0.12);
+  $black-6-opacity: rgba(black, 0.06);
+  $white-6-opacity: rgba(white, 0.06);
+
+  $mat-deep-orange: (
+      50: #fbe9e7,
+      100: #ffccbc,
+      200: #ffab91,
+      300: #ff8a65,
+      400: #ff7043,
+      500: #ff5722,
+      600: #f4511e,
+      700: #e64a19,
+      800: #d84315,
+      900: #bf360c,
+      A100: #ff9e80,
+      A200: #ff6e40,
+      A400: #ff3d00,
+      A700: #dd2c00,
+      contrast: (
+          50: $black-87-opacity,
+          100: $black-87-opacity,
+          200: $black-87-opacity,
+          300: $black-87-opacity,
+          400: $black-87-opacity,
+          500: white,
+          600: white,
+          700: white,
+          800: white,
+          900: white,
+          A100: $black-87-opacity,
+          A200: $black-87-opacity,
+          A400: white,
+          A700: white,
+      )
+  );
+
+  $mat-palette: $mat-deep-orange !global;
+}
+
+$brand-primary: map-get($mat-palette, 500);
+$text-color: map-get($mat-palette, 50);
+$secondary-text-color: rgba(map-get($mat-palette, 50), 0.87);
+$body-background-color: #212121;
+$background-color: #272727;
+
+$action-hover-color: map-get($mat-palette, A200);
+$secondary-nav-color: $text-color;
+
+$button-color: $text-color;
+$button-background: map-get($mat-palette, 800);
+$button-hover-background: map-get($mat-palette, 700);
+
+$badge-active-background: $brand-primary;
+$light-gray: rgba(#424242, 0.8);
+
+$thredded-onebox-favicon-properties: (
+    'favicons/amazon.png': (filter: invert(100%) hue-rotate(175deg) brightness(150%)),
+    'favicons/github.png': (filter: invert(100%)),
+    'favicons/wikipedia.png': (filter: invert(100%)),
+);
+
+$thredded-code-selected-line-background: #541;
+
+@import "variables";

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_variables.scss.erb

@@ -0,0 +1,17 @@
+$body-background-color: #fff !default;
+$background-color: #fff !default;
+$brand-primary: <%= brand_primary %> !default;
+$light-gray: #eee !default;
+$text-color: rgba(black, 0.87) !default;
+$secondary-text-color: rgba(opacify($text-color, 1), 0.54) !default;
+$secondary-nav-color: $secondary-text-color !default;
+$base-font-family: -apple-system, BlinkMacSystemFont, "Raleway", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !default;
+$base-font-size: 1rem !default;
+$base-line-height: 1.5 !default;
+$grid-container-max-width: 45rem !default;
+$action-color: $brand-primary !default;
+$action-hover-color: darken($brand-primary, 15%) !default;
+$button-color: #fff !default;
+$button-background: $action-color !default;
+$button-hover-background: darken($brand-primary, 15%) !default;
+$badge-active-background: $action-color !default;

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_forms.scss

@@ -0,0 +1,33 @@
+%form-hint {
+  color: $secondary-text-color;
+}
+
+.form-inputs {
+  .hint {
+    @extend %form-hint;
+  }
+  .error {
+    @extend %thredded--alert;
+    @extend %thredded--alert--danger;
+    display: block;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+
+.form-hint {
+  @extend %form-hint;
+}
+
+.form-inputs .input,
+.form-actions {
+  margin: 1rem 0;
+}
+
+button, input[type="submit"] {
+  @extend %thredded--button;
+}
+
+form {
+  @extend %thredded--form;
+}

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_header.scss

@@ -0,0 +1,28 @@
+@import "./header/theme_selector";
+
+.app-header {
+  border-bottom: 1px solid $light-gray;
+  a {
+    display: inline-block;
+    padding: 1rem 0;
+  }
+}
+
+.app-nav-logo {
+  color: $text-color;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.app-nav-auth {
+  float: right;
+
+  @include thredded-media-mobile {
+    font-size: 0;
+
+    a {
+      margin-left: 0.4rem;
+      font-size: 1rem;
+    }
+  }
+}

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_layout.scss

@@ -0,0 +1,31 @@
+body {
+  background-color: $body-background-color;
+}
+
+.app {
+  @include thredded--clearfix;
+  -webkit-font-smoothing: antialiased;
+  color: $text-color;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+  margin: 0;
+}
+
+.app-container {
+  margin: 0 auto;
+  max-width: ($grid-container-max-width + 4rem);
+  padding: 0 1.2rem 0.75rem 1.2rem;
+  @include thredded-media-tablet-and-up {
+    padding: 0 2rem 0.75rem 2rem;
+  }
+  @media (min-width: $grid-container-max-width + 0.01rem) {
+    padding-left: 3.5rem;
+    padding-right: 3.5rem;
+  }
+}
+
+.turbolinks-progress-bar {
+  background-color: $brand-primary;
+  height: 0.25rem;
+}

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_typography.scss

@@ -0,0 +1,38 @@
+h1, h2, h3 {
+  font-size: 1em;
+  line-height: 1.1;
+}
+
+h1 {
+  @include thredded-media-tablet-and-up {
+    font-size: 1.25em;
+  }
+  @include thredded-media-desktop-and-up {
+    font-size: 1.625em;
+  }
+}
+
+h2 {
+  @include thredded-media-tablet-and-up {
+    font-size: 1.125em;
+  }
+  @include thredded-media-desktop-and-up {
+    font-size: 1.55em;
+  }
+}
+
+a {
+  @extend %thredded--link;
+}
+
+blockquote {
+  @extend %thredded--blockquote;
+}
+
+table {
+  @extend %thredded--table;
+}
+
+hr {
+  @extend %thredded--hr;
+}

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/header/_theme_selector.scss

@@ -0,0 +1,57 @@
+.app-nav-theme,
+.app-nav-locale {
+  display: inline-block;
+  margin: 0 0 0 1.25rem;
+  font-size: 0.9rem;
+  color: $secondary-text-color;
+  > ul {
+    display: inline;
+    list-style: none;
+    padding: 0;
+    > li {
+      display: inline;
+      > button {
+        background: none;
+        border: none;
+        cursor: pointer;
+        font-size: inherit;
+        padding: 0;
+        vertical-align: baseline;
+        @extend %thredded--link;
+      }
+      > span {
+        color: $secondary-text-color;
+        font-weight: bold;
+      }
+    }
+  }
+  .app-nav-icon {
+    display: none;
+  }
+}
+
+@media (max-width: 620px) {
+  .app-nav-theme,
+  .app-nav-locale {
+    margin: 0 0 0 0.3125rem;
+    > .app-nav-text, .app-current {
+      display: none;
+    }
+  }
+  .app-nav-theme {
+    .app-nav-text {
+      display: none;
+    }
+    > ul > li > button {
+      vertical-align: middle;
+    }
+    .app-nav-icon {
+      display: block;
+      svg {
+        fill: currentColor;
+        height: 1.5rem;
+        width: 1.5rem;
+      }
+    }
+  }
+}

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/day.scss

@@ -0,0 +1,3 @@
+@import "variables";
+@import "deps";
+@import "app";

data/lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/night.scss

@@ -0,0 +1,3 @@
+@import "variables-night";
+@import "deps";
+@import "app";

data/lib/thredded_create_app/tasks/setup_app_skeleton/themes_helper.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module ThemesHelper
+  def themes
+    {
+      'day' => t('themes.day'),
+      'night' => t('themes.night')
+    }
+  end
+
+  def current_theme
+    cookie_theme = cookies['app-theme']
+    themes.key?(cookie_theme) ? cookie_theme : themes.keys.first
+  end
+end

data/lib/thredded_create_app/tasks/setup_app_skeleton.rb

@@ -60,26 +60,38 @@ module ThreddedCreateApp
         replace 'app/assets/javascripts/application.js',
                 %r{^//= require jquery$},
                 '//= require jquery3'
+        git_commit 'Use jQuery v3 instead of jQuery v1'
 
         copy 'setup_app_skeleton/javascripts/app.js',
              'app/assets/javascripts/app.js'
-        copy 'setup_app_skeleton/javascripts/app/time_ago.js',
-             'app/assets/javascripts/app/time_ago.js'
-        git_commit 'Use jQuery v3 instead of jQuery v1'
+        copy 'setup_app_skeleton/javascripts/app/',
+             'app/assets/javascripts/app/'
+        git_commit 'Add app JavaScript'
       end
 
       def add_styles
-        copy_template 'setup_app_skeleton/_variables.scss.erb',
+        copy 'setup_app_skeleton/images/brightness.svg',
+             'app/assets/images/brightness.svg'
+        copy_template 'setup_app_skeleton/stylesheets/_variables.scss.erb',
                       'app/assets/stylesheets/_variables.scss'
-
+        copy 'setup_app_skeleton/stylesheets/_variables-night.scss',
+             'app/assets/stylesheets/_variables-night.scss'
+        copy 'setup_app_skeleton/stylesheets/_deps.scss',
+             'app/assets/stylesheets/_deps.scss',
+             mode: 'a'
+        copy 'setup_app_skeleton/stylesheets/_app.scss',
+             'app/assets/stylesheets/_app.scss'
+        copy 'setup_app_skeleton/stylesheets/app/',
+             'app/assets/stylesheets/app/'
         if File.file? 'app/assets/stylesheets/application.css'
           File.delete 'app/assets/stylesheets/application.css'
         end
-        copy_template 'setup_app_skeleton/application.scss',
-                      'app/assets/stylesheets/application.scss',
-                      mode: 'a'
-        copy 'setup_app_skeleton/_flash-messages.scss',
-             'app/assets/stylesheets/_flash-messages.scss'
+        copy 'setup_app_skeleton/stylesheets/day.scss',
+             'app/assets/stylesheets/day.scss'
+        add_precompile_asset 'day.css'
+        copy 'setup_app_skeleton/stylesheets/night.scss',
+             'app/assets/stylesheets/night.scss'
+        add_precompile_asset 'night.css'
       end
 
       def add_i18n
@@ -92,21 +104,28 @@ module ThreddedCreateApp
                         RUBY
       end
 
-      def add_app_layout # rubocop:disable Metrics/MethodLength
+      # rubocop:disable Metrics/AbcSize,Metrics/MethodLength
+      def add_app_layout
         copy 'setup_app_skeleton/_header.html.erb',
              'app/views/shared/_header.html.erb'
         copy 'setup_app_skeleton/_flash_messages.html.erb',
              'app/views/shared/_flash_messages.html.erb'
         app_helper_src = File.read(
-          File.join(File.dirname(__FILE__),
-                    'setup_app_skeleton/application_helper_methods.rb')
+          expand_src_path('setup_app_skeleton/application_helper_methods.rb')
         )
         inject_into_file 'app/helpers/application_helper.rb',
                          before:  /end\n\z/,
                          content: indent(2, app_helper_src)
+        copy 'setup_app_skeleton/themes_helper.rb',
+             'app/helpers/themes_helper.rb'
         replace 'app/views/layouts/application.html.erb',
                 %r{<title>.*?</title>},
                 '<title><%= page_title %></title>'
+        replace 'app/views/layouts/application.html.erb',
+                /[ ]*<%= stylesheet_link_tag.*?%>/,
+                indent(4, <<~ERB)
+                  <%= stylesheet_link_tag current_theme, media: 'all', 'data-turbolinks-track': 'reload' %>
+                ERB
         replace 'app/views/layouts/application.html.erb',
                 /[ ]*<%= javascript_include_tag 'application', .*? %>/,
                 <<-'ERB'
@@ -122,13 +141,14 @@ module ThreddedCreateApp
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
         ERB
 
+        body = File.read(
+          expand_src_path('setup_app_skeleton/application.body.html.erb')
+        )
         replace 'app/views/layouts/application.html.erb',
                 %r{<body>.*?</body>}m,
-                File.read(
-                  File.join(File.dirname(__FILE__),
-                            'setup_app_skeleton/application.body.html.erb')
-                )
+                body
       end
+      # rubocop:enable Metrics/AbcSize,Metrics/MethodLength
 
       def add_user_page
         run_generator 'controller users show' \

data/lib/thredded_create_app/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ThreddedCreateApp
-  VERSION = '0.1.12'
+  VERSION = '0.1.13'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: thredded_create_app
 version: !ruby/object:Gem::Version
-  version: 0.1.12
+  version: 0.1.13
 platform: ruby
 authors:
 - Gleb Mazovetskiy
@@ -136,20 +136,33 @@ files:
 - lib/thredded_create_app/tasks/production_configs/Procfile
 - lib/thredded_create_app/tasks/production_configs/puma.production.rb
 - lib/thredded_create_app/tasks/setup_app_skeleton.rb
-- lib/thredded_create_app/tasks/setup_app_skeleton/_flash-messages.scss
 - lib/thredded_create_app/tasks/setup_app_skeleton/_flash_messages.html.erb
 - lib/thredded_create_app/tasks/setup_app_skeleton/_header.html.erb
-- lib/thredded_create_app/tasks/setup_app_skeleton/_variables.scss.erb
 - lib/thredded_create_app/tasks/setup_app_skeleton/application.body.html.erb
-- lib/thredded_create_app/tasks/setup_app_skeleton/application.scss
 - lib/thredded_create_app/tasks/setup_app_skeleton/application_helper_methods.rb
 - lib/thredded_create_app/tasks/setup_app_skeleton/en.yml.erb
 - lib/thredded_create_app/tasks/setup_app_skeleton/home_show.html.erb.erb
+- lib/thredded_create_app/tasks/setup_app_skeleton/images/brightness.svg
 - lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app.js
+- lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app/monkey-patch-turbolinks.js
+- lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app/theme.js
 - lib/thredded_create_app/tasks/setup_app_skeleton/javascripts/app/time_ago.js
 - lib/thredded_create_app/tasks/setup_app_skeleton/seeds.rb.erb
 - lib/thredded_create_app/tasks/setup_app_skeleton/spec/controllers/users_controller_spec.rb
 - lib/thredded_create_app/tasks/setup_app_skeleton/spec/features/homepage_spec.rb
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_app.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_deps.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_variables-night.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/_variables.scss.erb
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_flash-messages.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_forms.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_header.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_layout.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/_typography.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/app/header/_theme_selector.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/day.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/stylesheets/night.scss
+- lib/thredded_create_app/tasks/setup_app_skeleton/themes_helper.rb
 - lib/thredded_create_app/tasks/setup_app_skeleton/users_show.html.erb
 - lib/thredded_create_app/tasks/setup_database.rb
 - lib/thredded_create_app/tasks/setup_database/create_database_user.sh

data/lib/thredded_create_app/tasks/setup_app_skeleton/_variables.scss.erb

@@ -1,8 +0,0 @@
-$brand-primary: <%= brand_primary %>;
-$text-color: #575d6b;
-$secondary-text-color: lighten($text-color, 30%);
-$light-gray: #eee;
-$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
-$base-font-size: 1rem;
-$base-line-height: 1.5;
-$grid-container-max-width: 43.125rem;

data/lib/thredded_create_app/tasks/setup_app_skeleton/application.scss

@@ -1,97 +0,0 @@
-@import "flash-messages";
-
-.app {
-  @include thredded--clearfix;
-  -webkit-font-smoothing: antialiased;
-  color: $text-color;
-  font-family: $base-font-family;
-  font-size: $base-font-size;
-  line-height: $base-line-height;
-  margin: 0;
-}
-
-.app-container {
-  margin: 0 auto;
-  max-width: ($grid-container-max-width + 4rem);
-  padding: 0 1.2rem 0.75rem 1.2rem;
-  @include thredded-media-tablet-and-up {
-    padding: 0 2rem 0.75rem 2rem;
-  }
-  @media (min-width: $grid-container-max-width + 0.01rem) {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-}
-
-.app-header {
-  border-bottom: 1px solid #eee;
-  a {
-    display: inline-block;
-    padding: 1rem 0;
-  }
-}
-
-.app-nav-logo {
-  color: $text-color;
-  text-decoration: none;
-  font-weight: bold;
-}
-
-.app-nav-auth {
-  float: right;
-
-  @include thredded-media-mobile {
-    font-size: 0;
-
-    a {
-      margin-left: 0.4rem;
-      font-size: 1rem;
-    }
-  }
-}
-
-.turbolinks-progress-bar {
-  background-color: $brand-primary;
-  height: 0.25rem;
-}
-
-.form-inputs .input, .form-actions {
-  margin: 1rem 0;
-}
-
-.form-inputs {
-  .hint {
-    color: $secondary-text-color;
-  }
-  .error {
-    @extend %thredded--alert;
-    @extend %thredded--alert--danger;
-    display: block;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
-
-a {
-  @extend %thredded--link;
-}
-
-button, input[type="submit"] {
-  @extend %thredded--button;
-}
-
-form {
-  @extend %thredded--form;
-}
-
-blockquote {
-  @extend %thredded--blockquote;
-}
-
-table {
-  @extend %thredded--table;
-}
-
-hr {
-  @extend %thredded--hr;
-}