activeadmin_dark_color_scheme 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +6 -0
  4. data/app/assets/stylesheets/_activeadmin-dark-color-scheme.sass +14 -2
  5. data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass +14 -2
  6. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass +8 -2
  7. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass +10 -0
  8. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_inputs.sass +28 -0
  9. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_labels.sass +4 -0
  10. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_navbar.sass +18 -0
  11. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_select2.sass +23 -10
  12. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_tabs.sass +6 -0
  13. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_toggle-bool-switch.sass +5 -0
  14. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_alerts.sass +14 -0
  15. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_base.sass +9 -0
  16. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_buttons.sass +24 -0
  17. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_inputs.sass +13 -0
  18. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_labels.sass +2 -0
  19. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_panels.sass +5 -0
  20. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_select2.sass +3 -0
  21. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_tables.sass +10 -0
  22. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_toggle-bool.sass +4 -0
  23. data/lib/activeadmin/dark_color_scheme/version.rb +1 -1
  24. metadata +16 -4
  25. data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_forms.sass +0 -33
  26. data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass +0 -68
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f98d9beefd66f62baf67cefa1f6a1bd9dddba36f498866de62c63b0cdb237434
4
- data.tar.gz: 640e2b08ccef1d1401ac2f216aeba3f937e1e431c5aa8bb94f1b793509aad372
3
+ metadata.gz: 5d4e2a2195914f93cfcf840b5c5e3dea3669ec4755a25e95336ac3cbd047cd51
4
+ data.tar.gz: c134d052ed3c6b31601ec95df0d32b14a55c3e8e63d9016d26744d11cc196266
5
5
  SHA512:
6
- metadata.gz: 7038435573277a48a44d32da29984b2ef31c687a946dba193b8629dbc58b8a09222a1f9d1a9de5d08bc76ae4ef836cf812caad5a51c224104b6e722913957931
7
- data.tar.gz: 4597f5ad0611bfa38919726724ceb988272f1a9479593dc9aabf71647b56469e8fd37523a7764c5c7a64ef82604983dab43b1e2970a82df68a67547f4e2f336e
6
+ metadata.gz: 84e1f184ab395df64e8c85c076f0fc3f7601df6b88260e247d36ad385d421fa23fe395a5f57d0287411a40156bdf8e0ee532f5f309ca6effdf694fe1a7865cac
7
+ data.tar.gz: 738167ba7d126afc6a3bf5ea92efbad34433a8629aa2a9a5e3d9ae82545e5083aba1c982c71c889945f6b6c278cc5575296fd5ee6de88056acce297ffd5416b6
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- activeadmin_dark_color_scheme (0.1.4)
4
+ activeadmin_dark_color_scheme (0.1.6)
5
5
  sassc-rails (~> 2, >= 2.0.0)
6
6
 
7
7
  GEM
data/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # Dark color scheme for Activeadmin
2
2
 
3
+ [![Gem Version](https://badge.fury.io/rb/activeadmin_dark_color_scheme.svg)](https://badge.fury.io/rb/activeadmin_dark_color_scheme)
4
+
3
5
  ## Installation
4
6
 
5
7
  Add this line to your application's Gemfile:
@@ -69,6 +71,10 @@ Here is an example from [_table-index.sass](https://github.com/sergeypedan/activ
69
71
  text-shadow: none
70
72
  ```
71
73
 
74
+ ## ActiveAdmin version compatibility
75
+
76
+ The current version of ActiveAdmin is 2.13.1. Our styles are and will be targeted on the latest version.
77
+
72
78
  ## How to disable
73
79
 
74
80
  Switch to light color scheme in you system preferences or your browser developer tools.
data/app/assets/stylesheets/_activeadmin-dark-color-scheme.sass CHANGED
@@ -1,5 +1,13 @@
1
1
  // Variables
2
- @import "./activeadmin-dark-color-scheme/variables/all"
2
+ @import "./activeadmin-dark-color-scheme/variables/base"
3
+ @import "./activeadmin-dark-color-scheme/variables/alerts"
4
+ @import "./activeadmin-dark-color-scheme/variables/buttons"
5
+ @import "./activeadmin-dark-color-scheme/variables/inputs"
6
+ @import "./activeadmin-dark-color-scheme/variables/labels"
7
+ @import "./activeadmin-dark-color-scheme/variables/panels"
8
+ @import "./activeadmin-dark-color-scheme/variables/select2"
9
+ @import "./activeadmin-dark-color-scheme/variables/tables"
10
+ @import "./activeadmin-dark-color-scheme/variables/toggle-bool"
3
11
 
4
12
  // Mixins
5
13
  @import "./activeadmin-dark-color-scheme/mixins/buttons"
@@ -7,10 +15,13 @@
7
15
 
8
16
  // Modules
9
17
  @import "./activeadmin-dark-color-scheme/modules/buttons"
18
+ @import "./activeadmin-dark-color-scheme/modules/fieldsets"
10
19
  @import "./activeadmin-dark-color-scheme/modules/flash"
11
- @import "./activeadmin-dark-color-scheme/modules/forms"
20
+ @import "./activeadmin-dark-color-scheme/modules/inputs"
21
+ @import "./activeadmin-dark-color-scheme/modules/labels"
12
22
  @import "./activeadmin-dark-color-scheme/modules/login"
13
23
  @import "./activeadmin-dark-color-scheme/modules/misc"
24
+ @import "./activeadmin-dark-color-scheme/modules/navbar"
14
25
  @import "./activeadmin-dark-color-scheme/modules/pagination"
15
26
  @import "./activeadmin-dark-color-scheme/modules/panels"
16
27
  @import "./activeadmin-dark-color-scheme/modules/select2"
@@ -19,4 +30,5 @@
19
30
  @import "./activeadmin-dark-color-scheme/modules/table-index"
20
31
  @import "./activeadmin-dark-color-scheme/modules/tabs"
21
32
  @import "./activeadmin-dark-color-scheme/modules/title-bar"
33
+ @import "./activeadmin-dark-color-scheme/modules/toggle-bool-switch"
22
34
  @import "./activeadmin-dark-color-scheme/modules/top-level"
data/app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass CHANGED
@@ -1,9 +1,9 @@
1
1
  @mixin btn-dark-1
2
2
  background-color: $btn-dark-1-bg
3
3
  background-image: linear-gradient(to bottom, $btn-dark-1-gradient-stop-top, $btn-dark-1-gradient-stop-bottom)
4
- border-top-color: lighten($btn-dark-1-gradient-stop-top, 10%)
4
+ border-top-color: lighten($btn-dark-1-gradient-stop-top, 5%)
5
5
  border-right-color: lighten($btn-dark-1-bg, 10%)
6
- border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 10%)
6
+ border-bottom-color: darken($btn-dark-1-gradient-stop-bottom, 5%)
7
7
  border-left-color: lighten($btn-dark-1-bg, 10%)
8
8
  box-shadow: 0 1px 2px darken($btn-dark-1-gradient-stop-bottom, 10%)
9
9
  color: $btn-dark-1-color
@@ -12,6 +12,12 @@
12
12
  &:not(.disabled):hover
13
13
  background-image: linear-gradient(to bottom, lighten($btn-dark-1-gradient-stop-top, 2%), lighten($btn-dark-1-gradient-stop-bottom, 2%))
14
14
 
15
+ &:focus, &:focus-visible
16
+ outline-color: $btn-focus-outline-color
17
+ outline-offset: $btn-focus-outline-auto-offset
18
+ outline-style: $btn-focus-outline-auto-style
19
+ outline-width: $btn-focus-outline-width
20
+
15
21
  @mixin btn-dark-1-inset
16
22
  background-color: $btn-dark-1-inset-bg
17
23
  background-image: linear-gradient($btn-dark-1-inset-gradient-stop-top, $btn-dark-1-inset-gradient-stop-bottom)
@@ -34,3 +40,9 @@
34
40
 
35
41
  &:not(.disabled):hover
36
42
  background-image: linear-gradient(to bottom, darken($btn-light-1-gradient-stop-top, 3%), darken($btn-light-1-gradient-stop-bottom, 3%))
43
+
44
+ &:focus, &:focus-visible
45
+ outline-color: $btn-focus-outline-color
46
+ outline-offset: $btn-focus-outline-auto-offset
47
+ outline-style: $btn-focus-outline-auto-style
48
+ outline-width: $btn-focus-outline-width
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass CHANGED
@@ -2,14 +2,15 @@
2
2
 
3
3
  a.table_tools_button,
4
4
  .table_tools .dropdown_menu_button
5
- color: #d7d7d7
6
5
  @include gradient-bar-1
6
+ color: #d7d7d7
7
7
 
8
8
  &:not(.disabled):hover
9
9
  @include gradient-bar-1
10
10
 
11
11
  a.batch_action
12
- color: darkgray
12
+ &, &:link
13
+ color: white
13
14
 
14
15
  .dropdown_menu
15
16
  .dropdown_menu_list_wrapper
@@ -22,6 +23,11 @@
22
23
  background-image: linear-gradient($color, $color)
23
24
 
24
25
  form
26
+ input[type=submit],
27
+ input[type=button],
28
+ button
29
+ @include btn-light-1
30
+
25
31
  fieldset
26
32
  &.actions, &.buttons
27
33
  li.cancel
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass ADDED
@@ -0,0 +1,10 @@
1
+ @media (prefers-color-scheme: dark)
2
+ form
3
+ fieldset
4
+ &.inputs
5
+ background-color: $panel-bg-color-transparent
6
+ box-shadow: $panel-shadow
7
+
8
+ legend
9
+ span
10
+ @include gradient-bar-1
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_inputs.sass ADDED
@@ -0,0 +1,28 @@
1
+ @media (prefers-color-scheme: dark)
2
+ form
3
+ input[type=text],
4
+ input[type=password],
5
+ input[type=email],
6
+ input[type=number],
7
+ input[type=url],
8
+ input[type=tel],
9
+ input[type=date],
10
+ input[type=time],
11
+ textarea
12
+ border-color: $input-border-colors
13
+ box-shadow: $input-box-shadow
14
+
15
+ // &:focus, &:focus-visible
16
+ // outline-color: $input-focus-outline-color
17
+ // outline-offset: $input-focus-outline-auto-offset
18
+ // outline-style: $input-focus-outline-auto-style
19
+ // outline-width: $input-focus-outline-width
20
+
21
+ input, textarea
22
+ background-color: $input-bg-color
23
+
24
+ // &:focus, &:focus-visible
25
+ // outline-color: $input-focus-outline-color
26
+ // outline-offset: $input-focus-outline-auto-offset
27
+ // outline-style: $input-focus-outline-auto-style
28
+ // outline-width: $input-focus-outline-width
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_labels.sass ADDED
@@ -0,0 +1,4 @@
1
+ @media (prefers-color-scheme: dark)
2
+ form
3
+ ol > li label
4
+ color: $label-color !important
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_navbar.sass ADDED
@@ -0,0 +1,18 @@
1
+ @media (prefers-color-scheme: dark)
2
+ #header
3
+ h1
4
+ a
5
+ &:focus, &:focus-visible
6
+ outline-offset: $btn-focus-outline-solid-offset
7
+ outline-color: $btn-focus-outline-color
8
+ outline-style: $btn-focus-outline-solid-style
9
+ outline-width: $btn-focus-outline-auto-offset
10
+
11
+ ul.tabs
12
+ > li
13
+ a
14
+ &:focus, &:focus-visible
15
+ outline-offset: $btn-focus-outline-solid-offset
16
+ outline-color: $btn-focus-outline-color
17
+ outline-style: $btn-focus-outline-solid-style
18
+ outline-width: $btn-focus-outline-auto-offset
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_select2.sass CHANGED
@@ -3,22 +3,35 @@
3
3
  background-color: $select2-bg-color
4
4
  border-color: $panel-bg-color-solid
5
5
 
6
-
7
6
  .select2-container--default
8
- .select2-selection--single
9
- background-color: $input-bg-color
10
- border-color: $input-border-colors
7
+ &.select2-container--focus
8
+ .select2-selection--multiple
9
+ border-color: $input-border-colors
10
+
11
+ .select2-selection
12
+ &--single, &--multiple
13
+ background-color: $input-bg-color
14
+ border-color: $input-border-colors
15
+ box-shadow: $input-box-shadow
16
+
17
+ &--single
18
+ .select2-selection__rendered
19
+ color: $input-text-color
11
20
 
12
- .select2-selection__rendered
13
- color: $input-text-color
21
+ &--multiple
22
+ .select2-selection__choice
23
+ background-color: $select2-bg-color
24
+ border-color: $select2-bg-color
14
25
 
15
26
  .select2-search--dropdown
16
27
  .select2-search__field
17
28
  background-color: $select2-input-bg-color
18
29
  border-color: $input-border-colors
19
30
 
20
- .select2-results__option--highlighted[aria-selected]
21
- background-color: lighten($select2-bg-color, 5%)
31
+ .select2-results
32
+ &__option
33
+ &[aria-selected=true]
34
+ background-color: $select2-bg-color
22
35
 
23
- .select2-results__option[aria-selected=true]
24
- background-color: $select2-bg-color
36
+ &--highlighted[aria-selected]
37
+ background-color: lighten($select2-bg-color, 5%)
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_tabs.sass CHANGED
@@ -7,5 +7,11 @@
7
7
  a
8
8
  @include btn-dark-1
9
9
 
10
+ &:focus, &:focus-visible
11
+ outline-offset: -1px
12
+
10
13
  &.ui-tabs-active a
11
14
  @include btn-dark-1-inset
15
+
16
+ // &:focus, &:focus-visible
17
+ // outline-offset: -1px
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_toggle-bool-switch.sass ADDED
@@ -0,0 +1,5 @@
1
+ @media (prefers-color-scheme: dark)
2
+ .toggle-bool-switches-container
3
+ .toggle-bool-switch.on
4
+ background-image: linear-gradient($toggle-bool-gradient-stop-top, $toggle-bool-gradient-stop-bottom)
5
+ box-shadow: $toggle-bool-box-shadow
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_alerts.sass ADDED
@@ -0,0 +1,14 @@
1
+ // Alerts
2
+ $alert-danger-text-color: hsl(349, 57%, 53%) !default
3
+
4
+ $alert-success-bg-color: hsl(131, 39%, 33%) !default
5
+ $alert-success-gradient-stop-top: hsl(131, 39%, 33%) !default
6
+ $alert-success-gradient-stop-bottom: hsl(123, 41%, 25%) !default
7
+ $alert-success-text-color: #daeec8 !default
8
+ $alert-success-border-bottom-color: hsl(123, 45%, 26%) !default
9
+
10
+ $alert-default-bg-color: #c2b36c !default
11
+ $alert-default-gradient-stop-top: #a38e35 !default
12
+ $alert-default-gradient-stop-bottom: #a99847 !default
13
+ $alert-default-text-color: white !default
14
+ $alert-default-border-bottom-color: #958118 !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_base.sass ADDED
@@ -0,0 +1,9 @@
1
+ // $body-bg-color: hsl(200, 4%, 20%) !default
2
+ $body-bg-color: hsl(200, 8%, 15%) !default
3
+ $body-text-color: hsla(0, 0%, 100%, 0.8) !default
4
+
5
+ // Links
6
+ $link-color-1: hsl(210, 70%, 73%) !default
7
+
8
+ // Tab
9
+ $tab-border-color: hsla(0, 0%, 100%, .1) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_buttons.sass ADDED
@@ -0,0 +1,24 @@
1
+ // Buttons
2
+
3
+ $btn-focus-outline-color: -webkit-focus-ring-color
4
+ $btn-focus-outline-width: 2px
5
+ $btn-focus-outline-auto-offset: 2px
6
+ $btn-focus-outline-auto-style: auto
7
+ $btn-focus-outline-solid-offset: 0
8
+ $btn-focus-outline-solid-style: solid
9
+
10
+ $btn-dark-1-bg: hsl(0, 0%, 17%) !default
11
+ $btn-dark-1-gradient-stop-top: hsl(0, 0%, 33%) !default
12
+ $btn-dark-1-gradient-stop-bottom: hsl(0, 0%, 29%) !default
13
+ $btn-dark-1-color: white !default
14
+
15
+ $btn-dark-1-inset-bg: #3b3b3b
16
+ $btn-datk-1-inset-border-top-color: hsla(0, 0%, 0%, .01)
17
+ $btn-dark-1-inset-gradient-stop-top: #3b3b3b !default
18
+ $btn-dark-1-inset-gradient-stop-bottom: #414141 !default
19
+ $btn-dark-1-inset-color: lighten($btn-dark-1-bg, 10%)
20
+
21
+ $btn-light-1-bg: hsl(208, 15%, 87%) !default
22
+ $btn-light-1-gradient-stop-top: hsl(208, 15%, 87%) !default
23
+ $btn-light-1-gradient-stop-bottom: hsl(210, 2%, 68%) !default
24
+ $btn-light-1-color: hsl(0, 0%, 7%) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_inputs.sass ADDED
@@ -0,0 +1,13 @@
1
+ // Inputs
2
+ $input-bg-color: hsla(0, 0%, 0%, .2) !default
3
+ $input-box-shadow: inset 0 1px 5px hsla(0, 0%, 0%, .2)
4
+ $input-border-color: hsla(0, 0%, 50%, .2) !default
5
+ $input-border-color-top: hsla(0, 0%, 50%, .1) !default
6
+ $input-border-colors: $input-border-color-top $input-border-color $input-border-color $input-border-color !default
7
+ $input-focus-outline-color: -webkit-focus-ring-color
8
+ $input-focus-outline-width: 2px
9
+ $input-focus-outline-auto-offset: 2px
10
+ $input-focus-outline-auto-style: auto
11
+ // $input-focus-outline-solid-offset: 0
12
+ // $input-focus-outline-solid-style: solid
13
+ $input-text-color: white !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_labels.sass ADDED
@@ -0,0 +1,2 @@
1
+ // Labels
2
+ $label-color: hsl(0, 0%, 80%) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_panels.sass ADDED
@@ -0,0 +1,5 @@
1
+ // Panels
2
+ $panel-bg-color-solid: hsl(0, 0%, 26%) !default
3
+ $panel-bg-color-transparent: hsla(0, 0%, 100%, 0.05) !default
4
+ $panel-head-gradient: linear-gradient(rgba(255, 255, 255, .08), transparent) !default
5
+ $panel-shadow: 0 1px 4px hsla(0, 0%, 0%, .2) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_select2.sass ADDED
@@ -0,0 +1,3 @@
1
+ // Select2
2
+ $select2-bg-color: hsl(200, 5%, 20%) !default
3
+ $select2-input-bg-color: hsl(240, 0%, 15%) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_tables.sass ADDED
@@ -0,0 +1,10 @@
1
+ // Tables
2
+ $tr-border-bottom-color: hsla(0, 0%, 50%, .1) !default
3
+ $th-bg-color: #6f6f6f !default
4
+ $th-border-color-bottom: hsl(0, 0%, 30%) !default
5
+ $th-border-color-left: hsl(0, 0%, 24%) !default
6
+ $th-border-color-right: hsl(0, 0%, 35%) !default
7
+ $th-border-color-top: hsl(0, 0%, 31%) !default
8
+ $tr-even-bg-color: hsla(0, 0%, 100%, .02) !default
9
+ $tr-odd-bg-color: $body-bg-color !default
10
+ $tr-selected-bg-color: rgba(0, 0, 0, 0.16) !default
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_toggle-bool.sass ADDED
@@ -0,0 +1,4 @@
1
+ // Toggle bool switch
2
+ $toggle-bool-gradient-stop-top: hsl(109, 82%, 23%)
3
+ $toggle-bool-gradient-stop-bottom: hsl(143, 86%, 20%)
4
+ $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/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Activeadmin
2
2
  module DarkColorScheme
3
- VERSION = "0.1.4"
3
+ VERSION = "0.1.6"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: activeadmin_dark_color_scheme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.1.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sergey Pedan
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2022-06-10 00:00:00.000000000 Z
11
+ date: 2022-06-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sassc-rails
@@ -121,10 +121,13 @@ files:
121
121
  - app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_buttons.sass
122
122
  - app/assets/stylesheets/activeadmin-dark-color-scheme/mixins/_panel-heads.sass
123
123
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_buttons.sass
124
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_fieldsets.sass
124
125
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_flash.sass
125
- - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_forms.sass
126
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_inputs.sass
127
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_labels.sass
126
128
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_login.sass
127
129
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_misc.sass
130
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_navbar.sass
128
131
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_pagination.sass
129
132
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_panels.sass
130
133
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_select2.sass
@@ -133,8 +136,17 @@ files:
133
136
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_table-index.sass
134
137
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_tabs.sass
135
138
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_title-bar.sass
139
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_toggle-bool-switch.sass
136
140
  - app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_top-level.sass
137
- - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass
141
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_alerts.sass
142
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_base.sass
143
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_buttons.sass
144
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_inputs.sass
145
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_labels.sass
146
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_panels.sass
147
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_select2.sass
148
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_tables.sass
149
+ - app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_toggle-bool.sass
138
150
  - lib/activeadmin/dark_color_scheme.rb
139
151
  - lib/activeadmin/dark_color_scheme/engine.rb
140
152
  - lib/activeadmin/dark_color_scheme/version.rb
data/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_forms.sass DELETED
@@ -1,33 +0,0 @@
1
- @media (prefers-color-scheme: dark)
2
- form
3
- input[type=submit],
4
- input[type=button],
5
- button
6
- @include btn-light-1
7
-
8
- fieldset
9
- &.inputs
10
- background-color: $panel-bg-color-transparent
11
- box-shadow: $panel-shadow
12
-
13
- legend
14
- span
15
- @include gradient-bar-1
16
-
17
- ol > li label
18
- color: $label-color !important
19
-
20
- input[type=text],
21
- input[type=password],
22
- input[type=email],
23
- input[type=number],
24
- input[type=url],
25
- input[type=tel],
26
- input[type=date],
27
- input[type=time],
28
- textarea
29
- border-color: $input-border-colors
30
- box-shadow: inset 0 1px 5px hsla(0, 0%, 0%, .2)
31
-
32
- input, textarea
33
- background-color: $input-bg-color
data/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass DELETED
@@ -1,68 +0,0 @@
1
- // $body-bg-color: hsl(200, 4%, 20%) !default
2
- $body-bg-color: hsl(200, 8%, 15%) !default
3
- $body-text-color: hsla(0, 0%, 100%, 0.8) !default
4
-
5
- // Links
6
- $link-color-1: hsl(210, 70%, 73%) !default
7
-
8
- // Tables
9
- $tr-border-bottom-color: hsla(0, 0%, 100%, .075) !default
10
- $th-bg-color: #6f6f6f !default
11
- $th-border-color-bottom: hsl(0, 0%, 30%) !default
12
- $th-border-color-left: hsl(0, 0%, 24%) !default
13
- $th-border-color-right: hsl(0, 0%, 35%) !default
14
- $th-border-color-top: hsl(0, 0%, 31%) !default
15
- $tr-even-bg-color: hsla(0, 0%, 100%, .02) !default
16
- $tr-odd-bg-color: $body-bg-color !default
17
- $tr-selected-bg-color: rgba(0, 0, 0, 0.16) !default
18
-
19
- // Panels
20
- $panel-bg-color-solid: hsl(0, 0%, 26%) !default
21
- $panel-bg-color-transparent: hsla(0, 0%, 100%, 0.05) !default
22
- $panel-head-gradient: linear-gradient(rgba(255, 255, 255, .08), transparent) !default
23
- $panel-shadow: 0 1px 4px hsla(0, 0%, 0%, .2) !default
24
-
25
- // Forms
26
- $input-bg-color: hsla(0, 0%, 0%, .2) !default
27
- $input-border-colors: hsla(0, 0%, 50%, .1) hsla(0, 0%, 50%, .2) hsla(0, 0%, 50%, .2) hsla(0, 0%, 50%, .2) !default
28
- $input-text-color: white !default
29
- $label-color: hsl(0, 0%, 80%) !default
30
-
31
- // Select
32
- $select2-bg-color: hsl(200, 5%, 20%) !default
33
- $select2-input-bg-color: hsl(240, 0%, 15%) !default
34
-
35
- // Buttons
36
- $btn-dark-1-bg: hsl(0, 0%, 17%) !default
37
- $btn-dark-1-gradient-stop-top: hsl(0, 0%, 33%) !default
38
- $btn-dark-1-gradient-stop-bottom: hsl(0, 0%, 29%) !default
39
- $btn-dark-1-color: white !default
40
-
41
- $btn-dark-1-inset-bg: #3b3b3b
42
- $btn-datk-1-inset-border-top-color: hsla(0, 0%, 0%, .01)
43
- $btn-dark-1-inset-gradient-stop-top: #3b3b3b !default
44
- $btn-dark-1-inset-gradient-stop-bottom: #414141 !default
45
- $btn-dark-1-inset-color: lighten($btn-dark-1-bg, 10%)
46
-
47
- $btn-light-1-bg: hsl(208, 15%, 87%) !default
48
- $btn-light-1-gradient-stop-top: hsl(208, 15%, 87%) !default
49
- $btn-light-1-gradient-stop-bottom: hsl(210, 2%, 68%) !default
50
- $btn-light-1-color: hsl(0, 0%, 7%) !default
51
-
52
- // Tab
53
- $tab-border-color: hsla(0, 0%, 100%, .1) !default
54
-
55
- // Alerts
56
- $alert-danger-text-color: hsl(349, 57%, 53%) !default
57
-
58
- $alert-success-bg-color: hsl(131, 39%, 33%) !default
59
- $alert-success-gradient-stop-top: hsl(131, 39%, 33%) !default
60
- $alert-success-gradient-stop-bottom: hsl(123, 41%, 25%) !default
61
- $alert-success-text-color: #daeec8 !default
62
- $alert-success-border-bottom-color: hsl(123, 45%, 26%) !default
63
-
64
- $alert-default-bg-color: #c2b36c !default
65
- $alert-default-gradient-stop-top: #a38e35 !default
66
- $alert-default-gradient-stop-bottom: #a99847 !default
67
- $alert-default-text-color: white !default
68
- $alert-default-border-bottom-color: #958118 !default