swop 1.0.3 → 1.0.4

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 (21) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-amethyst.scss +2 -0
  4. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-arctic.scss +31 -0
  5. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-dark.scss +2 -0
  6. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-forest.scss +2 -0
  7. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-leather.scss +31 -0
  8. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-light.scss +2 -0
  9. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-onyx.scss +31 -0
  10. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-royal.scss +2 -0
  11. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-buttons.scss +4 -4
  12. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-navs.scss +1 -1
  13. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-pagination.scss +8 -0
  14. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-sidebars.scss +1 -1
  15. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-core/swop-bootstrap-variables.scss +1 -1
  16. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-arctic.scss +35 -0
  17. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-leather.scss +35 -0
  18. data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-onyx.scss +35 -0
  19. data/lib/swop/engine.rb +3 -0
  20. data/lib/swop/version.rb +1 -1
  21. metadata +8 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0fb969a6243450e653c14cd14f92fd1b1d6d0f2ea772c53f37ad7ae31983b145
4
- data.tar.gz: 37a72a68db06cbe7fae2fb019ce21008002111578f5cf269541627da61afed83
3
+ metadata.gz: 71d41c421d4aa1255e9130c2a3dc14fb95a7c603fd406c40296eb93478499958
4
+ data.tar.gz: b621c4bfb327832e8201648c78867af34f3cc7fe0412185351c6f63a95d0b30e
5
5
  SHA512:
6
- metadata.gz: 64d6f615036ff89fcf69a26fb0de608e1f662c4374e10e163c0b11479427127e4737c2d09db4584c8a2cf47f035c4bbb29dae19f7b3f907ca1dfb89441ff3100
7
- data.tar.gz: 515a1e677a356dc6ef51221cc4f8a80442f0ea7b8f37d69f7bbb99d16b651fda946856cbe4f0ea1a5b0e4a03bf368c3d3672b110b5243834892e2d1961a9c22e
6
+ metadata.gz: 27e13c9e899bbc233ba47b52fe388afb64219daa55c94fb73b0a49d47f03d9c64257159b42357ebe0b974c0e501e835132ff8ad65208944a083f8c10ab45e237
7
+ data.tar.gz: 21c5cf5c119e4bf58712948a1e87c35fde7235f6b1f1a458fcad48d1301b7e5d780739ec407594135136d6c5e13adab65543786d6d11b6bd3a94c2cc4f671e1b
data/README.md CHANGED
@@ -28,7 +28,7 @@ Swop.configure do |config|
28
28
  end
29
29
  ```
30
30
 
31
- This file lets you choose the ```style``` and ```color``` of your Rails Admin dashboard. Currently, there is one ```style``` available (Simple) and multiple ```color``` options (Amethyst, Dark, Forest, Light and Royal). More styles and colors will be added in future releases.
31
+ This file lets you choose the ```style``` and ```color``` of your Rails Admin dashboard. Currently, there is one ```style``` available (Simple) and multiple ```color``` options (Amethyst, Arctic, Dark, Forest, Leather, Light, Onyx and Royal). More styles and colors will be added in future releases.
32
32
 
33
33
 
34
34
  ## Usage
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-amethyst.scss CHANGED
@@ -20,6 +20,8 @@ $borders-color: #1c0e2c;
20
20
  $inputs-border-color: #391143;
21
21
 
22
22
  // miscellaneous
23
+ $component-primary-color: $white;
24
+
23
25
  $avatar-bg-color: desaturate(lighten($light-color, 10%), 8%);
24
26
  $avatar-color: desaturate(lighten($light-color, 44%), 8%);
25
27
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-arctic.scss ADDED
@@ -0,0 +1,31 @@
1
+ $primary-color: #000000;
2
+ $secondary-color: #95979e;
3
+ $success-color: #40df7d;
4
+ $info-color: #5ec9ff;
5
+ $warning-color: #ffc251;
6
+ $danger-color: #ff5e5b;
7
+ $light-color: #f5fafc;
8
+ $dark-color: #000000;
9
+
10
+ $box-shadow-color: $dark-color;
11
+
12
+ $body-bg: $white;
13
+
14
+ $body-color: #4b5456;
15
+ $body-secondary-color: $secondary-color;
16
+ $body-dark-color: $dark-color;
17
+
18
+ $borders-color: #edf5f8;
19
+
20
+ $inputs-border-color: #e0e8f0;
21
+
22
+ // miscellaneous
23
+ $component-primary-color: $white;
24
+
25
+ $avatar-bg-color: desaturate(darken($light-color, 4%), 12%);
26
+ $avatar-color: desaturate(darken($light-color, 32%), 12%);
27
+
28
+ $btn-body-hover-border: darken($inputs-border-color, 3%);
29
+ $btn-body-active-border: darken($inputs-border-color, 1.5%);
30
+
31
+ $overlay-bg: rgba($dark-color, 0.75);
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-dark.scss CHANGED
@@ -20,6 +20,8 @@ $borders-color: #13151b;
20
20
  $inputs-border-color: #1f2329;
21
21
 
22
22
  // miscellaneous
23
+ $component-primary-color: $white;
24
+
23
25
  $avatar-bg-color: desaturate(lighten($light-color, 8%), 16%);
24
26
  $avatar-color: desaturate(lighten($light-color, 40%), 16%);
25
27
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-forest.scss CHANGED
@@ -20,6 +20,8 @@ $borders-color: #041913;
20
20
  $inputs-border-color: #0a2f28;
21
21
 
22
22
  // miscellaneous
23
+ $component-primary-color: $white;
24
+
23
25
  $avatar-bg-color: desaturate(lighten($light-color, 8%), 8%);
24
26
  $avatar-color: desaturate(lighten($light-color, 40%), 8%);
25
27
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-leather.scss ADDED
@@ -0,0 +1,31 @@
1
+ $primary-color: #8f6133;
2
+ $secondary-color: #73655e;
3
+ $success-color: #0ea247;
4
+ $info-color: #2f99ce;
5
+ $warning-color: #d6961d;
6
+ $danger-color: #c9403d;
7
+ $light-color: #1a1200;
8
+ $dark-color: #fefbff;
9
+
10
+ $box-shadow-color: $black;
11
+
12
+ $body-bg: #120a00;
13
+
14
+ $body-color: #c4c0bc;
15
+ $body-secondary-color: $secondary-color;
16
+ $body-dark-color: $dark-color;
17
+
18
+ $borders-color: #221300;
19
+
20
+ $inputs-border-color: #3c2808;
21
+
22
+ // miscellaneous
23
+ $component-primary-color: $white;
24
+
25
+ $avatar-bg-color: desaturate(lighten($light-color, 10%), 8%);
26
+ $avatar-color: desaturate(lighten($light-color, 44%), 8%);
27
+
28
+ $btn-body-hover-border: lighten($inputs-border-color, 3%);
29
+ $btn-body-active-border: lighten($inputs-border-color, 1.5%);
30
+
31
+ $overlay-bg: rgba($black, 0.75);
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-light.scss CHANGED
@@ -20,6 +20,8 @@ $borders-color: #f2f2f6;
20
20
  $inputs-border-color: #e6e6eC;
21
21
 
22
22
  // miscellaneous
23
+ $component-primary-color: $white;
24
+
23
25
  $avatar-bg-color: desaturate(darken($light-color, 4%), 12%);
24
26
  $avatar-color: desaturate(darken($light-color, 32%), 12%);
25
27
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-onyx.scss ADDED
@@ -0,0 +1,31 @@
1
+ $primary-color: #ffffff;
2
+ $secondary-color: #586068;
3
+ $success-color: #0ea247;
4
+ $info-color: #2f99ce;
5
+ $warning-color: #d6961d;
6
+ $danger-color: #c9403d;
7
+ $light-color: #0f1117;
8
+ $dark-color: $white;
9
+
10
+ $box-shadow-color: $black;
11
+
12
+ $body-bg: #080a0e;
13
+
14
+ $body-color: #b8c0c8;
15
+ $body-secondary-color: $secondary-color;
16
+ $body-dark-color: $white;
17
+
18
+ $borders-color: #13151b;
19
+
20
+ $inputs-border-color: #1f2329;
21
+
22
+ // miscellaneous
23
+ $component-primary-color: $black;
24
+
25
+ $avatar-bg-color: desaturate(lighten($light-color, 8%), 16%);
26
+ $avatar-color: desaturate(lighten($light-color, 40%), 16%);
27
+
28
+ $btn-body-hover-border: lighten($inputs-border-color, 3%);
29
+ $btn-body-active-border: lighten($inputs-border-color, 1.5%);
30
+
31
+ $overlay-bg: rgba($black, 0.9);
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-royal.scss CHANGED
@@ -20,6 +20,8 @@ $borders-color: #101621;
20
20
  $inputs-border-color: #232545;
21
21
 
22
22
  // miscellaneous
23
+ $component-primary-color: $white;
24
+
23
25
  $avatar-bg-color: desaturate(lighten($light-color, 10%), 8%);
24
26
  $avatar-color: desaturate(lighten($light-color, 44%), 8%);
25
27
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-buttons.scss CHANGED
@@ -5,16 +5,16 @@
5
5
  @include button-variant(
6
6
  $background: $primary-color,
7
7
  $border: $primary-color,
8
- $color: $white,
8
+ $color: $component-primary-color,
9
9
  $hover-background: darken($primary-color, 2%),
10
10
  $hover-border: darken($primary-color, 2%),
11
- $hover-color: $white,
11
+ $hover-color: $component-primary-color,
12
12
  $active-background: darken($primary-color, 1%),
13
13
  $active-border: darken($primary-color, 1%),
14
- $active-color: $white,
14
+ $active-color: $component-primary-color,
15
15
  $disabled-background: $primary-color,
16
16
  $disabled-border: $primary-color,
17
- $disabled-color: $white
17
+ $disabled-color: $component-primary-color
18
18
  );
19
19
  }
20
20
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-navs.scss CHANGED
@@ -65,7 +65,7 @@
65
65
 
66
66
  &.active {
67
67
  background-color: $primary-color;
68
- color: $white;
68
+ color: $component-primary-color;
69
69
  font-weight: $fw-semibold;
70
70
  }
71
71
 
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-pagination.scss CHANGED
@@ -12,6 +12,14 @@
12
12
  border-radius: $sm-inputs-btn-border-radius;
13
13
  font-size: $pagination-font-size;
14
14
  padding: rem(11px 18.2625px);
15
+
16
+ }
17
+
18
+ .page-item.active {
19
+
20
+ .page-link {
21
+ font-weight: $fw-semibold !important;
22
+ }
15
23
  }
16
24
  }
17
25
  }
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-sidebars.scss CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  &.active {
26
26
  background-color: $primary-color;
27
- color: $white;
27
+ color: $component-primary-color;
28
28
  font-weight: $fw-semibold;
29
29
  }
30
30
  }
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-core/swop-bootstrap-variables.scss CHANGED
@@ -106,7 +106,7 @@ $pagination-focus-bg: $light-color;
106
106
  $pagination-hover-color: $body-dark-color;
107
107
  $pagination-hover-bg: $light-color;
108
108
 
109
- $pagination-active-color: $white;
109
+ $pagination-active-color: $component-primary-color;
110
110
  $pagination-active-bg: $primary-color;
111
111
 
112
112
  $pagination-disabled-color: $body-secondary-color;
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-arctic.scss ADDED
@@ -0,0 +1,35 @@
1
+ // swop
2
+ @import "swop/swop";
3
+
4
+ // theme colors
5
+ @import "swop/swop-themes/swop-simple/swop-colors/swop-arctic";
6
+
7
+ // core
8
+ @import "swop/swop-core/swop-variables";
9
+
10
+ // theme core
11
+ @import "swop/swop-themes/swop-simple/swop-core/swop-variables";
12
+
13
+ // core
14
+ @import "swop/swop-core/swop-bootstrap-variables";
15
+
16
+ // theme core
17
+ @import "swop/swop-themes/swop-simple/swop-core/swop-bootstrap-variables";
18
+
19
+ // fontawesome
20
+ @import "rails_admin/font-awesome";
21
+
22
+ // bootstrap
23
+ @import "rails_admin/bootstrap/bootstrap";
24
+
25
+ // base
26
+ @import "swop/swop-base/swop-typography";
27
+
28
+ // theme base
29
+ @import "swop/swop-themes/swop-simple/swop-simple-base";
30
+
31
+ // theme layouts
32
+ @import "swop/swop-themes/swop-simple/swop-simple-layouts";
33
+
34
+ // theme components
35
+ @import "swop/swop-themes/swop-simple/swop-simple-components";
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-leather.scss ADDED
@@ -0,0 +1,35 @@
1
+ // swop
2
+ @import "swop/swop";
3
+
4
+ // theme colors
5
+ @import "swop/swop-themes/swop-simple/swop-colors/swop-leather";
6
+
7
+ // core
8
+ @import "swop/swop-core/swop-variables";
9
+
10
+ // theme core
11
+ @import "swop/swop-themes/swop-simple/swop-core/swop-variables";
12
+
13
+ // core
14
+ @import "swop/swop-core/swop-bootstrap-variables";
15
+
16
+ // theme core
17
+ @import "swop/swop-themes/swop-simple/swop-core/swop-bootstrap-variables";
18
+
19
+ // fontawesome
20
+ @import "rails_admin/font-awesome";
21
+
22
+ // bootstrap
23
+ @import "rails_admin/bootstrap/bootstrap";
24
+
25
+ // base
26
+ @import "swop/swop-base/swop-typography";
27
+
28
+ // theme base
29
+ @import "swop/swop-themes/swop-simple/swop-simple-base";
30
+
31
+ // theme layouts
32
+ @import "swop/swop-themes/swop-simple/swop-simple-layouts";
33
+
34
+ // theme components
35
+ @import "swop/swop-themes/swop-simple/swop-simple-components";
data/app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-onyx.scss ADDED
@@ -0,0 +1,35 @@
1
+ // swop
2
+ @import "swop/swop";
3
+
4
+ // theme colors
5
+ @import "swop/swop-themes/swop-simple/swop-colors/swop-onyx";
6
+
7
+ // core
8
+ @import "swop/swop-core/swop-variables";
9
+
10
+ // theme core
11
+ @import "swop/swop-themes/swop-simple/swop-core/swop-variables";
12
+
13
+ // core
14
+ @import "swop/swop-core/swop-bootstrap-variables";
15
+
16
+ // theme core
17
+ @import "swop/swop-themes/swop-simple/swop-core/swop-bootstrap-variables";
18
+
19
+ // fontawesome
20
+ @import "rails_admin/font-awesome";
21
+
22
+ // bootstrap
23
+ @import "rails_admin/bootstrap/bootstrap";
24
+
25
+ // base
26
+ @import "swop/swop-base/swop-typography";
27
+
28
+ // theme base
29
+ @import "swop/swop-themes/swop-simple/swop-simple-base";
30
+
31
+ // theme layouts
32
+ @import "swop/swop-themes/swop-simple/swop-simple-layouts";
33
+
34
+ // theme components
35
+ @import "swop/swop-themes/swop-simple/swop-simple-components";
data/lib/swop/engine.rb CHANGED
@@ -3,9 +3,12 @@ module Swop
3
3
  initializer "swop.assets.precompile" do |app|
4
4
  app.config.assets.precompile += %w[swop/favicon.ico]
5
5
  app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-amethyst.css]
6
+ app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-arctic.css]
6
7
  app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-dark.css]
7
8
  app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-forest.css]
9
+ app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-leather.css]
8
10
  app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-light.css]
11
+ app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-onyx.css]
9
12
  app.config.assets.precompile += %w[swop/swop-themes/swop-simple/swop-simple-royal.css]
10
13
  end
11
14
  end
data/lib/swop/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Swop
4
- VERSION = "1.0.3"
4
+ VERSION = "1.0.4"
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: swop
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Harrison
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-12-29 00:00:00.000000000 Z
11
+ date: 2025-12-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails_admin
@@ -48,9 +48,12 @@ files:
48
48
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-base/swop-main.scss
49
49
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-base/swop-typography.scss
50
50
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-amethyst.scss
51
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-arctic.scss
51
52
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-dark.scss
52
53
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-forest.scss
54
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-leather.scss
53
55
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-light.scss
56
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-onyx.scss
54
57
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-colors/swop-royal.scss
55
58
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-alerts.scss
56
59
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-components/swop-badges.scss
@@ -74,12 +77,15 @@ files:
74
77
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-layouts/swop-containers.scss
75
78
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-layouts/swop-header.scss
76
79
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-amethyst.scss
80
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-arctic.scss
77
81
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-base.scss
78
82
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-components.scss
79
83
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-dark.scss
80
84
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-forest.scss
81
85
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-layouts.scss
86
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-leather.scss
82
87
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-light.scss
88
+ - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-onyx.scss
83
89
  - app/assets/stylesheets/swop/swop-themes/swop-simple/swop-simple-royal.scss
84
90
  - app/assets/stylesheets/swop/swop.scss
85
91
  - app/views/kaminari/ra-twitter-bootstrap/_next_page.html.erb