activeadmin_dark_color_scheme 0.1.4 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f98d9beefd66f62baf67cefa1f6a1bd9dddba36f498866de62c63b0cdb237434
-  data.tar.gz: 640e2b08ccef1d1401ac2f216aeba3f937e1e431c5aa8bb94f1b793509aad372
+  metadata.gz: 5a6653af3558bf5a0cecf1a181e4db95b4ff76f64a5926fca59f4e273640f666
+  data.tar.gz: 99be43648ce66383f941bbad9a98aaad7f469ff8377ab5f153c4e02412e10f19
 SHA512:
-  metadata.gz: 7038435573277a48a44d32da29984b2ef31c687a946dba193b8629dbc58b8a09222a1f9d1a9de5d08bc76ae4ef836cf812caad5a51c224104b6e722913957931
-  data.tar.gz: 4597f5ad0611bfa38919726724ceb988272f1a9479593dc9aabf71647b56469e8fd37523a7764c5c7a64ef82604983dab43b1e2970a82df68a67547f4e2f336e
+  metadata.gz: 43b45e62d73a1d2cc5c88a12d6f27535da20bc0a63155094df7a92aa7d57e6cd3f569a66efbdbc077f6df45f40e22e55d5bec96152eee77698bcd3c07d562297
+  data.tar.gz: c03c65e6fa0e3d1511c3237b1487dc1ef355aa1300b30080304ccd1cdf10b7ec9d9345f01ca2911d6cc5d460fe23faaeb370cc7edc6a819e8f14bc49cd0cb98e

data/Gemfile

@@ -2,15 +2,4 @@
 
 source "https://rubygems.org"
 
-# Specify your gem's dependencies in moscow_metro.gemspec
 gemspec
-
-group :test do
-	gem "pry"
-end
-
-group :test do
-	# gem "coveralls", require: false
-	gem "rake"
-	gem "rspec"
-end

data/Gemfile.lock

@@ -1,8 +1,8 @@
 PATH
   remote: .
   specs:
-    activeadmin_dark_color_scheme (0.1.4)
-      sassc-rails (~> 2, >= 2.0.0)
+    activeadmin_dark_color_scheme (0.1.7)
+      railties (>= 4)
 
 GEM
   remote: https://rubygems.org/
@@ -25,15 +25,11 @@ GEM
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
-    autoprefixer-rails (10.4.7.0)
-      execjs (~> 2)
     builder (3.2.4)
-    coderay (1.1.3)
     concurrent-ruby (1.1.10)
     crass (1.0.6)
     diff-lcs (1.5.0)
     erubi (1.10.0)
-    execjs (2.8.1)
     ffi (1.15.5)
     i18n (1.10.0)
       concurrent-ruby (~> 1.0)
@@ -44,9 +40,6 @@ GEM
     minitest (5.15.0)
     nokogiri (1.13.6-arm64-darwin)
       racc (~> 1.4)
-    pry (0.14.1)
-      coderay (~> 1.1)
-      method_source (~> 1.0)
     racc (1.6.0)
     rack (2.2.3.1)
     rack-test (1.1.0)
@@ -79,31 +72,14 @@ GEM
     rspec-support (3.11.0)
     sassc (2.4.0)
       ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
-    sprockets (4.0.3)
-      concurrent-ruby (~> 1.0)
-      rack (> 1, < 3)
-    sprockets-rails (3.4.2)
-      actionpack (>= 5.2)
-      activesupport (>= 5.2)
-      sprockets (>= 3.0.0)
     sync (0.5.0)
     term-ansicolor (1.7.1)
       tins (~> 1.0)
     thor (1.2.1)
-    tilt (2.0.10)
     tins (1.31.1)
       sync
     tzinfo (2.0.4)
       concurrent-ruby (~> 1.0)
-    webrick (1.7.0)
-    yard (0.9.28)
-      webrick (~> 1.7.0)
     zeitwerk (2.5.4)
 
 PLATFORMS
@@ -111,12 +87,10 @@ PLATFORMS
 
 DEPENDENCIES
   activeadmin_dark_color_scheme!
-  autoprefixer-rails (~> 10, >= 10.4.7)
-  pry
-  rake
-  rspec
+  rake (~> 13)
+  rspec (~> 3)
+  sassc (~> 2, >= 2.0.0)
   term-ansicolor (~> 1)
-  yard (~> 0, >= 0.9.20)
 
 BUNDLED WITH
    2.3.15

data/README.md

@@ -1,4 +1,6 @@
-# Dark color scheme for Activeadmin
+# Dark color scheme for ActiveAdmin
+
+[![Gem Version](https://badge.fury.io/rb/activeadmin_dark_color_scheme.svg)](https://badge.fury.io/rb/activeadmin_dark_color_scheme)
 
 ## Installation
 
@@ -69,6 +71,10 @@ Here is an example from [_table-index.sass](https://github.com/sergeypedan/activ
       text-shadow: none
 ```
 
+## ActiveAdmin version compatibility
+
+The current version of ActiveAdmin is 2.13.1. Our styles are and will be targeted on the latest version.
+
 ## How to disable
 
 Switch to light color scheme in you system preferences or your browser developer tools.

data/Rakefile

@@ -1,6 +1,9 @@
 require "bundler/setup"
 require "bundler/gem_tasks"
 require "rspec/core/rake_task"
+require "term/ansicolor"
+
+require "./lib/activeadmin/dark_color_scheme"
 
 RSpec::Core::RakeTask.new(:spec)
 
@@ -10,6 +13,31 @@ load "rails/tasks/statistics.rake"
 
 task default: :spec
 
+desc "Dumps output to a CSS file for testing"
+task :debug do
+	require "sassc"
+
+	path = Activeadmin::DarkColorScheme.stylesheets_path
+	entrypoins = %w(_activeadmin-dark-color-scheme)
+
+	entrypoins.each do |file|
+		css = File.read("#{path}/#{file}.sass")
+		engine = SassC::Engine.new(css, syntax: :sass, load_paths: [path])
+		out = File.join("tmp", "#{file[1..-1]}.css")
+		css = engine.render
+		File.open(out, "w+") do |f|
+			f << css
+		end
+		$stderr.puts Term::ANSIColor.green "Compiled #{out}"
+		$stderr.puts css
+	end
+end
+
+# desc "Publish"
+# task :publish do
+# 	puts `gem push pkg/activeadmin_dark_color_scheme-#{Activeadmin::DarkColorScheme::VERSION}.gem`
+# end
+
 # require 'rake/testtask'
 # Rake::TestTask.new do |t|
 #   t.libs << 'test'
@@ -50,30 +78,6 @@ task default: :spec
 #   end
 # end
 
-desc "Dumps output to a CSS file for testing"
-task :debug do
-	require "sassc"
-	require "term/ansicolor"
-	require "autoprefixer-rails"
-	require "./lib/activeadmin/dark_color_scheme"
-
-	path = Activeadmin::DarkColorScheme.stylesheets_path
-	entrypoins = %w(_activeadmin-dark-color-scheme)
-
-	entrypoins.each do |file|
-		css = File.read("#{path}/#{file}.sass")
-		engine = SassC::Engine.new(css, syntax: :sass, load_paths: [path])
-		out = File.join("tmp", "#{file[1..-1]}.css")
-		css = engine.render
-		css = AutoprefixerRails.process(css)
-		# File.write(out, css)
-		File.open(out, "w+") do |f|
-			f << css
-		end
-		$stderr.puts Term::ANSIColor.green "Compiled #{out}"
-	end
-end
-
 # desc 'Start a dummy Rails app server'
 # task :rails_server do
 #   require 'rack'

data/activeadmin_dark_color_scheme.gemspec

@@ -16,12 +16,12 @@ Gem::Specification.new do |spec|
                             You can override that on the browser level if you wish.
                           HEREDOC
 
-  spec.homepage         =  "https://github.com/sergeypedan/activeadmin-dark-color-scheme"
+  spec.homepage         =  "https://github.com/sergeypedan/#{spec.name.gsub('_', '-')}"
   spec.extra_rdoc_files = ["README.md", "CHANGELOG.md"]
   spec.rdoc_options     = ["--charset=UTF-8"]
   spec.metadata         = { "changelog_uri"     => "#{spec.homepage}/blob/master/CHANGELOG.md",
                             "documentation_uri" => "https://www.rubydoc.info/gems/#{spec.name}",
-                            "homepage_uri"      => spec.homepage,
+                            "homepage_uri"      => "https://sergeypedan.ru/open_source_projects/#{spec.name.gsub('_', '-')}",
                             "source_code_uri"   => spec.homepage }
 
   spec.require_paths    = ["app", "lib"]
@@ -34,13 +34,10 @@ Gem::Specification.new do |spec|
                               .reject { |f| f.start_with? "." }
                           end
 
-  spec.required_ruby_version = Gem::Requirement.new(">= 2.3.3")
-  # SassC requires Ruby 2.3.3+
+  spec.add_runtime_dependency "railties", ">= 4"
 
-	spec.add_runtime_dependency "sassc-rails", "~> 2",  ">= 2.0.0"
-
-  spec.add_development_dependency "autoprefixer-rails", "~> 10", ">= 10.4.7"
-  spec.add_development_dependency "rspec",              "~> 3"
-  spec.add_development_dependency "term-ansicolor",     "~> 1"
-  spec.add_development_dependency "yard",               "~> 0", ">= 0.9.20"
+  spec.add_development_dependency "rake", "~> 13"
+  spec.add_development_dependency "rspec", "~> 3"
+  spec.add_development_dependency "sassc", "~> 2", ">= 2.0.0"
+  spec.add_development_dependency "term-ansicolor", "~> 1"
 end

data/app/assets/stylesheets/_activeadmin-dark-color-scheme.sass

@@ -1,16 +1,27 @@
 // Variables
-@import "./activeadmin-dark-color-scheme/variables/all"
+@import "./activeadmin-dark-color-scheme/variables/alerts"
+@import "./activeadmin-dark-color-scheme/variables/base"
+@import "./activeadmin-dark-color-scheme/variables/buttons"
+@import "./activeadmin-dark-color-scheme/variables/inputs"
+@import "./activeadmin-dark-color-scheme/variables/labels"
+@import "./activeadmin-dark-color-scheme/variables/panels"
+@import "./activeadmin-dark-color-scheme/variables/select2"
+@import "./activeadmin-dark-color-scheme/variables/tables"
 
 // Mixins
-@import "./activeadmin-dark-color-scheme/mixins/buttons"
+@import "./activeadmin-dark-color-scheme/mixins/button-light"
+@import "./activeadmin-dark-color-scheme/mixins/button-dark"
 @import "./activeadmin-dark-color-scheme/mixins/panel-heads"
 
 // Modules
 @import "./activeadmin-dark-color-scheme/modules/buttons"
+@import "./activeadmin-dark-color-scheme/modules/fieldsets"
 @import "./activeadmin-dark-color-scheme/modules/flash"
-@import "./activeadmin-dark-color-scheme/modules/forms"
+@import "./activeadmin-dark-color-scheme/modules/inputs"
+@import "./activeadmin-dark-color-scheme/modules/labels"
 @import "./activeadmin-dark-color-scheme/modules/login"
 @import "./activeadmin-dark-color-scheme/modules/misc"
+@import "./activeadmin-dark-color-scheme/modules/navbar"
 @import "./activeadmin-dark-color-scheme/modules/pagination"
 @import "./activeadmin-dark-color-scheme/modules/panels"
 @import "./activeadmin-dark-color-scheme/modules/select2"
@@ -20,3 +31,11 @@
 @import "./activeadmin-dark-color-scheme/modules/tabs"
 @import "./activeadmin-dark-color-scheme/modules/title-bar"
 @import "./activeadmin-dark-color-scheme/modules/top-level"
+
+@import "./activeadmin-dark-color-scheme/variables/date-time-picker"
+@import "./activeadmin-dark-color-scheme/variables/status-tag"
+@import "./activeadmin-dark-color-scheme/variables/toggle-bool"
+
+@import "./activeadmin-dark-color-scheme/addons/toggle-bool-switch"
+@import "./activeadmin-dark-color-scheme/addons/status-tag"
+@import "./activeadmin-dark-color-scheme/addons/date-time-picker"

data/app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_date-time-picker.sass

@@ -0,0 +1,38 @@
+@media (prefers-color-scheme: dark)
+	.xdsoft_datetimepicker
+		background-color: $dt-picker-bg
+		border-color: $dt-picker-border-color
+		color: white
+
+		.xdsoft_label
+			background-color: $dt-picker-bg
+
+		.xdsoft_calendar
+			th
+				background-color: $dt-picker-bg
+				border-color: $dt-picker-border-color
+				color: white
+
+			td
+				background-color: $dt-picker-bg
+				border-color: $dt-picker-border-color
+				color: white
+
+				&.xdsoft_default,
+				&.xdsoft_current
+					background-color: $dt-picker-cell-active-bg
+					box-shadow: $dt-picker-cell-active-box-shadow
+
+		.xdsoft_timepicker
+			.xdsoft_time_box
+				border-color: $dt-picker-border-color
+
+				> div
+					> div
+						background-color: $dt-picker-bg
+						border-color: $dt-picker-border-color
+						color: white
+
+						&.xdsoft_current
+							background-color: $dt-picker-cell-active-bg
+							box-shadow: $dt-picker-cell-active-box-shadow

data/app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_status-tag.sass

@@ -0,0 +1,3 @@
+@media (prefers-color-scheme: dark)
+	.status_tag
+		background-color: $status-tag-bg

data/app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_toggle-bool-switch.sass

@@ -0,0 +1,5 @@
+@media (prefers-color-scheme: dark)
+	.toggle-bool-switches-container
+		.toggle-bool-switch.on
+			background-image: linear-gradient($toggle-bool-gradient-stop-top, $toggle-bool-gradient-stop-bottom)
+			box-shadow: $toggle-bool-box-shadow

data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-dark.sass

@@ -0,0 +1,42 @@
+@media (prefers-color-scheme: dark)
+	%btn-dark-inset-state
+		background-color: $btn-dark-1-inset-bg
+		background-image: linear-gradient($btn-dark-1-inset-gradient-stop-top, $btn-dark-1-inset-gradient-stop-bottom)
+		border-top-color: $btn-datk-1-inset-border-top-color
+		border-right-color:  lighten($btn-dark-1-bg, 10%)
+		border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
+		border-left-color:   $btn-dark-1-inset-color
+		box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.3) inset
+
+@mixin btn-dark-1
+	background-color: $btn-dark-1-bg
+	background-image: linear-gradient(to bottom, $btn-dark-1-gradient-stop-top, $btn-dark-1-gradient-stop-bottom)
+	border-top-color:    lighten($btn-dark-1-gradient-stop-top, 5%)
+	border-right-color:  lighten($btn-dark-1-bg, 10%)
+	border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 5%)
+	border-left-color:   lighten($btn-dark-1-bg, 10%)
+	box-shadow: 0 1px 2px darken($btn-dark-1-gradient-stop-bottom, 10%)
+	color: $btn-dark-1-color
+	text-shadow: none
+
+	&:not(.disabled)
+		&:hover:not(:active)
+			background-image: linear-gradient(to bottom, lighten($btn-dark-1-gradient-stop-top, 2%), lighten($btn-dark-1-gradient-stop-bottom, 2%))
+
+		&:active
+			@extend %btn-dark-inset-state
+
+	&:focus, &:focus-visible
+		outline-color:  $btn-focus-outline-color
+		outline-offset: $btn-focus-outline-auto-offset
+		outline-style:  $btn-focus-outline-auto-style
+		outline-width:  $btn-focus-outline-width
+
+
+@mixin btn-dark-1-inset
+	color: $btn-dark-1-color
+	@extend %btn-dark-inset-state
+
+	&:not(.disabled)
+		&:hover
+			background-image: linear-gradient(to bottom, lighten($btn-dark-1-inset-gradient-stop-top, 2%), lighten($btn-dark-1-inset-gradient-stop-bottom, 2%))

data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-light.sass

@@ -0,0 +1,15 @@
+@mixin btn-light-1
+	background-color: $btn-light-1-bg
+	background-image: linear-gradient(180deg, $btn-light-1-gradient-stop-top, $btn-light-1-gradient-stop-bottom)
+	color: $btn-light-1-color
+	text-shadow: none
+
+	&:not(.disabled)
+		&:hover
+			background-image: linear-gradient(to bottom, darken($btn-light-1-gradient-stop-top, 3%), darken($btn-light-1-gradient-stop-bottom, 3%))
+
+	&:focus, &:focus-visible
+		outline-color:  $btn-focus-outline-color
+		outline-offset: $btn-focus-outline-auto-offset
+		outline-style:  $btn-focus-outline-auto-style
+		outline-width:  $btn-focus-outline-width

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass

@@ -2,14 +2,15 @@
 
 	a.table_tools_button,
 	.table_tools .dropdown_menu_button
-		color: #d7d7d7
 		@include gradient-bar-1
+		color: #d7d7d7
 
 		&:not(.disabled):hover
 			@include gradient-bar-1
 
 	a.batch_action
-		color: darkgray
+		&, &:link
+			color: white
 
 	.dropdown_menu
 		.dropdown_menu_list_wrapper
@@ -22,6 +23,11 @@
 					background-image: linear-gradient($color, $color)
 
 	form
+		input[type=submit],
+		input[type=button],
+		button
+			@include btn-light-1
+
 		fieldset
 			&.actions, &.buttons
 				li.cancel

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass

@@ -0,0 +1,10 @@
+@media (prefers-color-scheme: dark)
+	form
+		fieldset
+			&.inputs
+				background-color: $panel-bg-color-transparent
+				box-shadow: $panel-shadow
+
+			legend
+				span
+					@include gradient-bar-1

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_inputs.sass

@@ -0,0 +1,28 @@
+@media (prefers-color-scheme: dark)
+	form
+		input[type=text],
+		input[type=password],
+		input[type=email],
+		input[type=number],
+		input[type=url],
+		input[type=tel],
+		input[type=date],
+		input[type=time],
+		textarea
+			border-color: $input-border-colors
+			box-shadow: $input-box-shadow
+
+			// &:focus, &:focus-visible
+			// 	outline-color:  $input-focus-outline-color
+			// 	outline-offset: $input-focus-outline-auto-offset
+			// 	outline-style:  $input-focus-outline-auto-style
+			// 	outline-width:  $input-focus-outline-width
+
+	input, textarea
+		background-color: $input-bg-color
+
+		// &:focus, &:focus-visible
+		// 	outline-color:  $input-focus-outline-color
+		// 	outline-offset: $input-focus-outline-auto-offset
+		// 	outline-style:  $input-focus-outline-auto-style
+		// 	outline-width:  $input-focus-outline-width

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_labels.sass

@@ -0,0 +1,4 @@
+@media (prefers-color-scheme: dark)
+	form
+		ol > li label
+			color: $label-color !important

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_navbar.sass

@@ -0,0 +1,18 @@
+@media (prefers-color-scheme: dark)
+	#header
+		h1
+			a
+				&:focus, &:focus-visible
+					outline-offset: $btn-focus-outline-solid-offset
+					outline-color: $btn-focus-outline-color
+					outline-style: $btn-focus-outline-solid-style
+					outline-width: $btn-focus-outline-auto-offset
+
+		ul.tabs
+			> li
+				a
+					&:focus, &:focus-visible
+						outline-offset: $btn-focus-outline-solid-offset
+						outline-color: $btn-focus-outline-color
+						outline-style: $btn-focus-outline-solid-style
+						outline-width: $btn-focus-outline-auto-offset

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_select2.sass

@@ -3,22 +3,35 @@
 		background-color: $select2-bg-color
 		border-color: $panel-bg-color-solid
 
-
 	.select2-container--default
-		.select2-selection--single
-			background-color: $input-bg-color
-			border-color: $input-border-colors
+		&.select2-container--focus
+			.select2-selection--multiple
+				border-color: $input-border-colors
+
+		.select2-selection
+			&--single, &--multiple
+				background-color: $input-bg-color
+				border-color: $input-border-colors
+				box-shadow: $input-box-shadow
+
+			&--single
+				.select2-selection__rendered
+					color: $input-text-color
 
-			.select2-selection__rendered
-				color: $input-text-color
+			&--multiple
+				.select2-selection__choice
+					background-color: $select2-bg-color
+					border-color: $select2-bg-color
 
 		.select2-search--dropdown
 			.select2-search__field
 				background-color: $select2-input-bg-color
 				border-color: $input-border-colors
 
-		.select2-results__option--highlighted[aria-selected]
-			background-color: lighten($select2-bg-color, 5%)
+		.select2-results
+			&__option
+				&[aria-selected=true]
+					background-color: $select2-bg-color
 
-		.select2-results__option[aria-selected=true]
-			background-color: $select2-bg-color
+				&--highlighted[aria-selected]
+					background-color: lighten($select2-bg-color, 5%)

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_tabs.sass

@@ -7,5 +7,11 @@
 			a
 				@include btn-dark-1
 
+				&:focus, &:focus-visible
+					outline-offset: -1px
+
 			&.ui-tabs-active a
 				@include btn-dark-1-inset
+
+				// &:focus, &:focus-visible
+				// 	outline-offset: -1px

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_alerts.sass

@@ -0,0 +1,14 @@
+// Alerts
+$alert-danger-text-color: hsl(349, 57%, 53%) !default
+
+$alert-success-bg-color: hsl(131, 39%, 33%) !default
+$alert-success-gradient-stop-top: hsl(131, 39%, 33%) !default
+$alert-success-gradient-stop-bottom: hsl(123, 41%, 25%) !default
+$alert-success-text-color: #daeec8 !default
+$alert-success-border-bottom-color: hsl(123, 45%, 26%) !default
+
+$alert-default-bg-color: #c2b36c !default
+$alert-default-gradient-stop-top: #a38e35 !default
+$alert-default-gradient-stop-bottom: #a99847 !default
+$alert-default-text-color: white !default
+$alert-default-border-bottom-color: #958118 !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_base.sass

@@ -0,0 +1,9 @@
+// $body-bg-color: hsl(200, 4%, 20%) !default
+$body-bg-color: hsl(200, 8%, 15%) !default
+$body-text-color: hsla(0, 0%, 100%, 0.8) !default
+
+// Links
+$link-color-1: hsl(210, 70%, 73%) !default
+
+// Tab
+$tab-border-color: hsla(0, 0%, 100%, .1) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_buttons.sass

@@ -0,0 +1,24 @@
+// Buttons
+
+$btn-focus-outline-color: -webkit-focus-ring-color
+$btn-focus-outline-width: 2px
+$btn-focus-outline-auto-offset: 2px
+$btn-focus-outline-auto-style: auto
+$btn-focus-outline-solid-offset: 0
+$btn-focus-outline-solid-style: solid
+
+$btn-dark-1-bg: hsl(0, 0%, 17%) !default
+$btn-dark-1-gradient-stop-top: hsl(0, 0%, 33%) !default
+$btn-dark-1-gradient-stop-bottom: hsl(0, 0%, 29%) !default
+$btn-dark-1-color: white !default
+
+$btn-dark-1-inset-bg: #3b3b3b
+$btn-datk-1-inset-border-top-color: hsla(0, 0%, 0%, .01)
+$btn-dark-1-inset-gradient-stop-top: #3b3b3b !default
+$btn-dark-1-inset-gradient-stop-bottom: #414141 !default
+$btn-dark-1-inset-color: lighten($btn-dark-1-bg, 10%)
+
+$btn-light-1-bg: hsl(208, 15%, 87%) !default
+$btn-light-1-gradient-stop-top: hsl(208, 15%, 87%) !default
+$btn-light-1-gradient-stop-bottom: hsl(210, 2%, 68%) !default
+$btn-light-1-color: hsl(0, 0%, 7%) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_date-time-picker.sass

@@ -0,0 +1,4 @@
+$dt-picker-bg: rgb(46, 50, 52)
+$dt-picker-border-color: $dt-picker-bg
+$dt-picker-cell-active-bg: hsl(205, 100%, 35%)
+$dt-picker-cell-active-box-shadow: 0 1px 3px 0 darken($dt-picker-cell-active-bg, 15%) inset

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_inputs.sass

@@ -0,0 +1,13 @@
+// Inputs
+$input-bg-color: hsla(0, 0%, 0%, .2) !default
+$input-box-shadow: inset 0 1px 5px hsla(0, 0%, 0%, .2)
+$input-border-color: hsla(0, 0%, 50%, .2) !default
+$input-border-color-top: hsla(0, 0%, 50%, .1) !default
+$input-border-colors: $input-border-color-top $input-border-color $input-border-color $input-border-color !default
+$input-focus-outline-color: -webkit-focus-ring-color
+$input-focus-outline-width: 2px
+$input-focus-outline-auto-offset: 2px
+$input-focus-outline-auto-style: auto
+// $input-focus-outline-solid-offset: 0
+// $input-focus-outline-solid-style: solid
+$input-text-color: white !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_labels.sass

@@ -0,0 +1,2 @@
+// Labels
+$label-color: hsl(0, 0%, 80%) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_panels.sass

@@ -0,0 +1,5 @@
+// Panels
+$panel-bg-color-solid: hsl(0, 0%, 26%) !default
+$panel-bg-color-transparent: hsla(0, 0%, 100%, 0.05) !default
+$panel-head-gradient: linear-gradient(rgba(255, 255, 255, .08), transparent) !default
+$panel-shadow: 0 1px 4px hsla(0, 0%, 0%, .2) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_select2.sass

@@ -0,0 +1,3 @@
+// Select2
+$select2-bg-color: hsl(200, 5%, 20%) !default
+$select2-input-bg-color: hsl(240, 0%, 15%) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_status-tag.sass

@@ -0,0 +1 @@
+$status-tag-bg: #3f4245 !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_tables.sass

@@ -0,0 +1,10 @@
+// Tables
+$tr-border-bottom-color: hsla(0, 0%, 50%, .1) !default
+$th-bg-color: #6f6f6f !default
+$th-border-color-bottom: hsl(0, 0%, 30%) !default
+$th-border-color-left: hsl(0, 0%, 24%) !default
+$th-border-color-right: hsl(0, 0%, 35%) !default
+$th-border-color-top: hsl(0, 0%, 31%) !default
+$tr-even-bg-color: hsla(0, 0%, 100%, .02) !default
+$tr-odd-bg-color: $body-bg-color !default
+$tr-selected-bg-color: rgba(0, 0, 0, 0.16) !default

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_toggle-bool.sass

@@ -0,0 +1,4 @@
+// Toggle bool switch
+$toggle-bool-gradient-stop-top: hsl(109, 82%, 23%)
+$toggle-bool-gradient-stop-bottom: hsl(143, 86%, 20%)
+$toggle-bool-box-shadow: 0 1px 3px hsla(0, 0%, 0%, .1), 0 0 1px hsla(0, 0%, 100%, .7) inset

data/lib/activeadmin/dark_color_scheme/engine.rb

@@ -1,16 +1,14 @@
 # frozen_string_literal: true
 
-require "sassc-rails"
+# This is standard Rails way to autoload gem’s contents dynamically as an “engine”
+# @see https://guides.rubyonrails.org/engines.html Rails guide on engines
+#
+require "rails"
 
-module FormtasticTristateRadio
-
-	# This is standard Rails way to autoload gem’s contents dynamically as an “engine”
-	# @see https://guides.rubyonrails.org/engines.html Rails guide on engines
-	#
+module Activeadmin
 	class Engine < ::Rails::Engine
 		initializer "activeadmin_dark_color_scheme.assets" do |app|
 			app.config.assets.paths << root.join("assets", "stylesheets").to_s
 		end
 	end
-
 end

data/lib/activeadmin/dark_color_scheme/version.rb

@@ -1,5 +1,7 @@
+# frozen_string_literal: true
+
 module Activeadmin
   module DarkColorScheme
-    VERSION = "0.1.4"
+    VERSION = "0.1.8"
   end
 end

data/lib/activeadmin/dark_color_scheme.rb

@@ -12,11 +12,11 @@ module Activeadmin
 			end
 
 			def assets_path
-				@assets_path ||= File.join gem_path, 'assets'
+				@assets_path ||= File.join gem_path, "assets"
 			end
 
 			def stylesheets_path
-				File.join assets_path, 'stylesheets'
+				File.join assets_path, "stylesheets"
 			end
 
 		end

metadata

@@ -1,55 +1,43 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_dark_color_scheme
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.8
 platform: ruby
 authors:
 - Sergey Pedan
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-06-10 00:00:00.000000000 Z
+date: 2022-07-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: sassc-rails
+  name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0
+        version: '4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0
+        version: '4'
 - !ruby/object:Gem::Dependency
-  name: autoprefixer-rails
+  name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 10.4.7
+        version: '13'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 10.4.7
+        version: '13'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
@@ -65,39 +53,39 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3'
 - !ruby/object:Gem::Dependency
-  name: term-ansicolor
+  name: sassc
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1'
+        version: '2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1'
+        version: '2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
 - !ruby/object:Gem::Dependency
-  name: yard
+  name: term-ansicolor
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 0.9.20
+        version: '1'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 0.9.20
+        version: '1'
 description: |
   A dark color scheme for ActiveAdmin Ruby CMS. This gem provides Sass files that you can include via Sprockets.
   The dark theme automatically switches on / off with your system’s dark / light mode.
@@ -118,13 +106,20 @@ files:
 - Rakefile
 - activeadmin_dark_color_scheme.gemspec
 - app/assets/stylesheets/_activeadmin-dark-color-scheme.sass
-- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_date-time-picker.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_status-tag.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/addons/_toggle-bool-switch.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-dark.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_button-light.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_panel-heads.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_flash.sass
-- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_forms.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_inputs.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_labels.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_login.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_misc.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_navbar.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_pagination.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_panels.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_select2.sass
@@ -134,7 +129,17 @@ files:
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_tabs.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_title-bar.sass
 - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_top-level.sass
-- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_alerts.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_base.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_buttons.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_date-time-picker.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_inputs.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_labels.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_panels.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_select2.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_status-tag.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_tables.sass
+- app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_toggle-bool.sass
 - lib/activeadmin/dark_color_scheme.rb
 - lib/activeadmin/dark_color_scheme/engine.rb
 - lib/activeadmin/dark_color_scheme/version.rb
@@ -145,7 +150,7 @@ licenses:
 metadata:
   changelog_uri: https://github.com/sergeypedan/activeadmin-dark-color-scheme/blob/master/CHANGELOG.md
   documentation_uri: https://www.rubydoc.info/gems/activeadmin_dark_color_scheme
-  homepage_uri: https://github.com/sergeypedan/activeadmin-dark-color-scheme
+  homepage_uri: https://sergeypedan.ru/open_source_projects/activeadmin-dark-color-scheme
   source_code_uri: https://github.com/sergeypedan/activeadmin-dark-color-scheme
 post_install_message:
 rdoc_options:
@@ -157,7 +162,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.3.3
+      version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass

@@ -1,36 +0,0 @@
-@mixin btn-dark-1
-	background-color: $btn-dark-1-bg
-	background-image: linear-gradient(to bottom, $btn-dark-1-gradient-stop-top, $btn-dark-1-gradient-stop-bottom)
-	border-top-color:    lighten($btn-dark-1-gradient-stop-top, 10%)
-	border-right-color:  lighten($btn-dark-1-bg, 10%)
-	border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
-	border-left-color:   lighten($btn-dark-1-bg, 10%)
-	box-shadow: 0 1px 2px darken($btn-dark-1-gradient-stop-bottom, 10%)
-	color: $btn-dark-1-color
-	text-shadow: none
-
-	&:not(.disabled):hover
-		background-image: linear-gradient(to bottom, lighten($btn-dark-1-gradient-stop-top, 2%), lighten($btn-dark-1-gradient-stop-bottom, 2%))
-
-@mixin btn-dark-1-inset
-	background-color: $btn-dark-1-inset-bg
-	background-image: linear-gradient($btn-dark-1-inset-gradient-stop-top, $btn-dark-1-inset-gradient-stop-bottom)
-	border-top-color: $btn-datk-1-inset-border-top-color
-	border-right-color:  lighten($btn-dark-1-bg, 10%)
-	border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
-	border-left-color:   $btn-dark-1-inset-color
-	box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.3) inset
-	color: $btn-dark-1-color
-	text-shadow: none
-
-	&:not(.disabled):hover
-		background-image: linear-gradient(to bottom, lighten($btn-dark-1-inset-gradient-stop-top, 2%), lighten($btn-dark-1-inset-gradient-stop-bottom, 2%))
-
-@mixin btn-light-1
-	background-color: $btn-light-1-bg
-	background-image: linear-gradient(180deg, $btn-light-1-gradient-stop-top, $btn-light-1-gradient-stop-bottom)
-	color: $btn-light-1-color
-	text-shadow: none
-
-	&:not(.disabled):hover
-		background-image: linear-gradient(to bottom, darken($btn-light-1-gradient-stop-top, 3%), darken($btn-light-1-gradient-stop-bottom, 3%))

data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_forms.sass

@@ -1,33 +0,0 @@
-@media (prefers-color-scheme: dark)
-	form
-		input[type=submit],
-		input[type=button],
-		button
-			@include btn-light-1
-
-		fieldset
-			&.inputs
-				background-color: $panel-bg-color-transparent
-				box-shadow: $panel-shadow
-
-			legend
-				span
-					@include gradient-bar-1
-
-		ol > li label
-			color: $label-color !important
-
-		input[type=text],
-		input[type=password],
-		input[type=email],
-		input[type=number],
-		input[type=url],
-		input[type=tel],
-		input[type=date],
-		input[type=time],
-		textarea
-			border-color: $input-border-colors
-			box-shadow: inset 0 1px 5px hsla(0, 0%, 0%, .2)
-
-	input, textarea
-		background-color: $input-bg-color

data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass

@@ -1,68 +0,0 @@
-// $body-bg-color: hsl(200, 4%, 20%) !default
-$body-bg-color: hsl(200, 8%, 15%) !default
-$body-text-color: hsla(0, 0%, 100%, 0.8) !default
-
-// Links
-$link-color-1: hsl(210, 70%, 73%) !default
-
-// Tables
-$tr-border-bottom-color: hsla(0, 0%, 100%, .075) !default
-$th-bg-color: #6f6f6f !default
-$th-border-color-bottom: hsl(0, 0%, 30%) !default
-$th-border-color-left: hsl(0, 0%, 24%) !default
-$th-border-color-right: hsl(0, 0%, 35%) !default
-$th-border-color-top: hsl(0, 0%, 31%) !default
-$tr-even-bg-color: hsla(0, 0%, 100%, .02) !default
-$tr-odd-bg-color: $body-bg-color !default
-$tr-selected-bg-color: rgba(0, 0, 0, 0.16) !default
-
-// Panels
-$panel-bg-color-solid: hsl(0, 0%, 26%) !default
-$panel-bg-color-transparent: hsla(0, 0%, 100%, 0.05) !default
-$panel-head-gradient: linear-gradient(rgba(255, 255, 255, .08), transparent) !default
-$panel-shadow: 0 1px 4px hsla(0, 0%, 0%, .2) !default
-
-// Forms
-$input-bg-color: hsla(0, 0%, 0%, .2) !default
-$input-border-colors: hsla(0, 0%, 50%, .1) hsla(0, 0%, 50%, .2) hsla(0, 0%, 50%, .2) hsla(0, 0%, 50%, .2) !default
-$input-text-color: white !default
-$label-color: hsl(0, 0%, 80%) !default
-
-// Select
-$select2-bg-color: hsl(200, 5%, 20%) !default
-$select2-input-bg-color: hsl(240, 0%, 15%) !default
-
-// Buttons
-$btn-dark-1-bg: hsl(0, 0%, 17%) !default
-$btn-dark-1-gradient-stop-top: hsl(0, 0%, 33%) !default
-$btn-dark-1-gradient-stop-bottom: hsl(0, 0%, 29%) !default
-$btn-dark-1-color: white !default
-
-$btn-dark-1-inset-bg: #3b3b3b
-$btn-datk-1-inset-border-top-color: hsla(0, 0%, 0%, .01)
-$btn-dark-1-inset-gradient-stop-top: #3b3b3b !default
-$btn-dark-1-inset-gradient-stop-bottom: #414141 !default
-$btn-dark-1-inset-color: lighten($btn-dark-1-bg, 10%)
-
-$btn-light-1-bg: hsl(208, 15%, 87%) !default
-$btn-light-1-gradient-stop-top: hsl(208, 15%, 87%) !default
-$btn-light-1-gradient-stop-bottom: hsl(210, 2%, 68%) !default
-$btn-light-1-color: hsl(0, 0%, 7%) !default
-
-// Tab
-$tab-border-color: hsla(0, 0%, 100%, .1) !default
-
-// Alerts
-$alert-danger-text-color: hsl(349, 57%, 53%) !default
-
-$alert-success-bg-color: hsl(131, 39%, 33%) !default
-$alert-success-gradient-stop-top: hsl(131, 39%, 33%) !default
-$alert-success-gradient-stop-bottom: hsl(123, 41%, 25%) !default
-$alert-success-text-color: #daeec8 !default
-$alert-success-border-bottom-color: hsl(123, 45%, 26%) !default
-
-$alert-default-bg-color: #c2b36c !default
-$alert-default-gradient-stop-top: #a38e35 !default
-$alert-default-gradient-stop-bottom: #a99847 !default
-$alert-default-text-color: white !default
-$alert-default-border-bottom-color: #958118 !default