activeadmin_dark_color_scheme 0.1.4 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
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