fuji_admin 0.1.0

data/app/assets/stylesheets/fuji_admin/pages/_login.scss

@@ -0,0 +1,77 @@
+// Logged-out / login page.
+//
+// Omnia (and other host apps) commonly override the devise session template
+// with a fully-branded login design (logos, backgrounds, colour palettes).
+// Rather than fight those overrides, we provide only a minimal safe baseline
+// here: center the content, kill default AA chrome, and let the host's own
+// styles define the visual card.
+//
+// The key principle: **don't force a white card around #active_admin_content**
+// on the login page — that card will always appear as an unwanted white
+// border around a branded dark login (as with Omnia's tiger theme).
+
+body.logged_out {
+  min-height: 100vh;
+  margin: 0;
+
+  #wrapper,
+  #content_wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+
+  #active_admin_content {
+    flex: 1 1 auto;
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    max-width: none;
+  }
+
+  .flashes {
+    padding: $space-4;
+    margin: 0;
+    text-align: center;
+  }
+
+  // Neutralise fieldset legend header bar inside the login form — host
+  // stylesheets (Omnia's tiger theme etc.) expect standard input layout.
+  #login fieldset.inputs,
+  #login_form fieldset.inputs {
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    overflow: visible;
+
+    legend {
+      display: none;
+    }
+
+    ol {
+      padding: 0;
+    }
+  }
+
+  // Neutralise float labels inside the login form — the custom template
+  // renders its own label treatment; overlaying our floating labels produces
+  // duplicated / misaligned text.
+  #login .fuji-float > label,
+  #login_form .fuji-float > label {
+    position: static;
+    top: auto;
+    left: auto;
+    padding: 0;
+    margin: 0 0 $space-2;
+    background: transparent;
+    pointer-events: auto;
+    font-size: inherit;
+    color: inherit;
+    transition: none;
+  }
+}

data/app/assets/stylesheets/fuji_admin/pages/_pages.scss

@@ -0,0 +1,5 @@
+// Aggregator.
+@import "login";
+@import "index";
+@import "show";
+@import "form";

data/app/assets/stylesheets/fuji_admin/pages/_show.scss

@@ -0,0 +1,19 @@
+// Resource show page. The attributes_table is already styled; this is just
+// the container rhythm for the show layout.
+
+.show {
+  .attributes_table {
+    &:not(:last-child) {
+      margin-bottom: $space-5;
+    }
+
+    h3 {
+      margin: 0 0 $space-3;
+      font-size: $font-size-base;
+      font-weight: $font-weight-semibold;
+      color: $text-color-secondary;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+  }
+}

data/app/assets/stylesheets/fuji_admin/variables/_breakpoints.scss

@@ -0,0 +1,25 @@
+// Breakpoints — match PrimeReact Verona's scale for parity with reference UI.
+// Use via mixins/_media.scss.
+
+$bp-sm:   576px;  // phone landscape
+$bp-md:   768px;  // tablet
+$bp-lg:   992px;  // small desktop
+$bp-xl:  1200px;  // desktop
+$bp-xxl: 1960px;  // ultra-wide
+
+$breakpoints: (
+  sm:  $bp-sm,
+  md:  $bp-md,
+  lg:  $bp-lg,
+  xl:  $bp-xl,
+  xxl: $bp-xxl,
+);
+
+// Container max-widths at each breakpoint (for centered layouts).
+$container-max-widths: (
+  sm:  540px,
+  md:  720px,
+  lg:  960px,
+  xl: 1140px,
+  xxl: 1680px,
+);

data/app/assets/stylesheets/fuji_admin/variables/_colors.scss

@@ -0,0 +1,51 @@
+// Color tokens. Values seeded from Verona (PrimeReact) for a coherent starting
+// palette. Override any of these by redeclaring the variable *before* the
+// fuji_admin import in the host app's active_admin.scss.
+
+// Surfaces — neutral backgrounds & borders
+$surface-0:      #ffffff !default;  // card
+$surface-50:     #f7f8fa !default;  // app background
+$surface-100:    #f3f5f9 !default;
+$surface-200:    #e5e9f0 !default;
+$surface-300:    #dfe7ef !default;  // border
+$surface-400:    #bdbdbd !default;
+$surface-500:    #9e9e9e !default;
+$surface-600:    #757575 !default;
+$surface-700:    #616161 !default;
+$surface-800:    #424242 !default;
+$surface-900:    #212121 !default;
+
+$surface-border: $surface-300 !default;
+
+// Text
+$text-color:           #212121 !default;
+$text-color-secondary: #616161 !default;
+$text-color-muted:     #9e9e9e !default;
+
+// Primary — deep indigo/blue (Verona primary ramp)
+$primary-50:   #f2f5fc !default;
+$primary-100:  #d4daed !default;
+$primary-200:  #b2bce0 !default;
+$primary-300:  #909ed2 !default;
+$primary-400:  #6e80c5 !default;
+$primary-500:  #4e63b2 !default;
+$primary-600:  #41549b !default;
+$primary-700:  #35457f !default;
+$primary-800:  #2a3664 !default;
+$primary-900:  #1f2849 !default;
+
+$primary-color:      $primary-600 !default;
+$primary-color-text: $surface-0   !default;
+
+// Semantic
+$color-success: #22a06b !default;
+$color-warning: #de911d !default;
+$color-danger:  #cd4246 !default;
+$color-info:    #1992d4 !default;
+
+// Links
+$link-primary-color: $primary-600 !default;
+$link-hover-color:   $primary-700 !default;
+
+// App-level defaults (used once base typography lands)
+$body-background: $surface-50 !default;

data/app/assets/stylesheets/fuji_admin/variables/_radii.scss

@@ -0,0 +1,13 @@
+// Border radius scale.
+
+$radius-xs:   2px;
+$radius-sm:   4px;
+$radius-md:   6px;
+$radius-lg:   10px;
+$radius-xl:   14px;
+$radius-2xl:  20px;
+$radius-full: 9999px;
+
+// Conventional defaults
+$border-radius:       $radius-md !default;  // inputs, buttons
+$border-radius-card:  $radius-lg !default;  // panels/cards

data/app/assets/stylesheets/fuji_admin/variables/_shadows.scss

@@ -0,0 +1,10 @@
+// Box shadow tokens. Soft, layered — inspired by Verona's card aesthetic.
+
+$shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
+$shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
+$shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
+$shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
+$shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
+
+// Focus ring
+$shadow-focus: 0 0 0 3px rgba($primary-600, 0.25);

data/app/assets/stylesheets/fuji_admin/variables/_spacing.scss

@@ -0,0 +1,20 @@
+// Spacing scale — 4px base. Use these named tokens rather than raw numbers
+// so rhythm stays consistent across the theme.
+
+$space-0:  0;
+$space-1:  0.25rem;   //  4px
+$space-2:  0.5rem;    //  8px
+$space-3:  0.75rem;   // 12px
+$space-4:  1rem;      // 16px
+$space-5:  1.25rem;   // 20px
+$space-6:  1.5rem;    // 24px
+$space-7:  2rem;      // 32px
+$space-8:  2.5rem;    // 40px
+$space-9:  3rem;      // 48px
+$space-10: 4rem;      // 64px
+
+$inline-spacing: $space-2 !default;  // default inline element gap
+
+// Grid gutters
+$grid-gutter:    $space-6 !default;  // 24px between cols on desktop
+$grid-gutter-sm: $space-4 !default;  // 16px on small screens

data/app/assets/stylesheets/fuji_admin/variables/_typography.scss

@@ -0,0 +1,25 @@
+// Typography tokens.
+
+$font-family-body: 'Saira', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
+$font-family-mono: 'Space Mono', ui-monospace, Menlo, Consolas, monospace !default;
+
+// Sizes
+$font-size-xs:   0.75rem;   // 12px
+$font-size-sm:   0.875rem;  // 14px
+$font-size-base: 1rem;      // 16px
+$font-size-lg:   1.125rem;  // 18px
+$font-size-xl:   1.25rem;   // 20px
+$font-size-2xl:  1.5rem;    // 24px
+$font-size-3xl:  1.875rem;  // 30px
+$font-size-4xl:  2.25rem;   // 36px
+
+// Weights
+$font-weight-regular:  400;
+$font-weight-medium:   500;
+$font-weight-semibold: 600;
+$font-weight-bold:     700;
+
+// Line heights
+$line-height-tight:   1.2;
+$line-height-base:    1.5;
+$line-height-relaxed: 1.7;

data/app/assets/stylesheets/fuji_admin/variables/_variables.scss

@@ -0,0 +1,9 @@
+// Aggregator — import in dependency order.
+// colors depend on nothing; shadows depend on colors (focus ring).
+
+@import "breakpoints";
+@import "spacing";
+@import "typography";
+@import "radii";
+@import "colors";
+@import "shadows";

data/lib/fuji_admin/active_admin_patch.rb

@@ -0,0 +1,19 @@
+module FujiAdmin
+  # Injects <meta> tags into ActiveAdmin's <head> so the palette JavaScript
+  # can read the FujiAdmin config at runtime without requiring the host app
+  # to touch its layout.
+  #
+  # Applied by prepending onto ActiveAdmin::Views::Pages::Base once AA is
+  # loaded. If AA isn't present the prepend silently no-ops.
+  module ActiveAdminPatch
+    def build_active_admin_head
+      super
+      within @head do
+        meta(name: "fuji-palette-picker",  content: FujiAdmin.config.palette_picker.to_s)
+        meta(name: "fuji-default-palette", content: FujiAdmin.config.default_palette.to_s)
+      end
+    end
+  end
+end
+
+ActiveAdmin::Views::Pages::Base.prepend(FujiAdmin::ActiveAdminPatch) if defined?(::ActiveAdmin)

data/lib/fuji_admin/configuration.rb

@@ -0,0 +1,29 @@
+module FujiAdmin
+  # Runtime configuration for the Fuji Admin theme.
+  #
+  # Set in a Rails initializer, e.g.
+  #
+  #   # config/initializers/fuji_admin.rb
+  #   FujiAdmin.configure do |config|
+  #     config.palette_picker  = true             # show the floating picker UI
+  #     config.default_palette = "forest-meadow"  # initial palette before any user selection
+  #   end
+  #
+  # These values are exposed to the browser via <meta> tags injected into
+  # ActiveAdmin's <head> (see fuji_admin/active_admin_patch.rb). The palette
+  # JavaScript reads them on page load.
+  class Configuration
+    # Boolean — whether to render the floating palette-picker UI. When false,
+    # the default_palette is still applied but users can't change it.
+    attr_accessor :palette_picker
+
+    # String — id of the palette to apply when no user preference is stored.
+    # Must match an id in app/assets/javascripts/fuji_admin/palettes.js.
+    attr_accessor :default_palette
+
+    def initialize
+      @palette_picker  = false
+      @default_palette = "forest-meadow"
+    end
+  end
+end

data/lib/fuji_admin/version.rb

@@ -0,0 +1,3 @@
+module FujiAdmin
+  VERSION = "0.1.0"
+end

data/lib/fuji_admin.rb

@@ -0,0 +1,24 @@
+require "fuji_admin/version"
+require "fuji_admin/configuration"
+
+module FujiAdmin
+  class << self
+    # Access the current configuration singleton.
+    def config
+      @config ||= Configuration.new
+    end
+
+    # Yield the configuration to a block, e.g. in an initializer.
+    def configure
+      yield config
+    end
+  end
+
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer "fuji_admin.active_admin_patch", after: :load_config_initializers do
+        require "fuji_admin/active_admin_patch" if defined?(::ActiveAdmin)
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,124 @@
+--- !ruby/object:Gem::Specification
+name: fuji_admin
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- barbariccorgi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2026-04-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: activeadmin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+description: A responsive ActiveAdmin theme
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- app/assets/javascripts/fuji_admin/base.js
+- app/assets/javascripts/fuji_admin/filters.js
+- app/assets/javascripts/fuji_admin/floats.js
+- app/assets/javascripts/fuji_admin/menu.js
+- app/assets/javascripts/fuji_admin/palettes.js
+- app/assets/javascripts/fuji_admin/row_actions.js
+- app/assets/stylesheets/fuji_admin/_base.scss
+- app/assets/stylesheets/fuji_admin/_base_typography.scss
+- app/assets/stylesheets/fuji_admin/_grid.scss
+- app/assets/stylesheets/fuji_admin/_reset.scss
+- app/assets/stylesheets/fuji_admin/components/_buttons.scss
+- app/assets/stylesheets/fuji_admin/components/_comments.scss
+- app/assets/stylesheets/fuji_admin/components/_components.scss
+- app/assets/stylesheets/fuji_admin/components/_date_picker.scss
+- app/assets/stylesheets/fuji_admin/components/_dropdown_menu.scss
+- app/assets/stylesheets/fuji_admin/components/_filter_chips.scss
+- app/assets/stylesheets/fuji_admin/components/_filter_drawer.scss
+- app/assets/stylesheets/fuji_admin/components/_filter_form.scss
+- app/assets/stylesheets/fuji_admin/components/_flash.scss
+- app/assets/stylesheets/fuji_admin/components/_float_labels.scss
+- app/assets/stylesheets/fuji_admin/components/_inputs.scss
+- app/assets/stylesheets/fuji_admin/components/_menu_toggle.scss
+- app/assets/stylesheets/fuji_admin/components/_pagination.scss
+- app/assets/stylesheets/fuji_admin/components/_palette_switcher.scss
+- app/assets/stylesheets/fuji_admin/components/_panel.scss
+- app/assets/stylesheets/fuji_admin/components/_row_actions.scss
+- app/assets/stylesheets/fuji_admin/components/_scopes.scss
+- app/assets/stylesheets/fuji_admin/components/_select2.scss
+- app/assets/stylesheets/fuji_admin/components/_status_tag.scss
+- app/assets/stylesheets/fuji_admin/components/_table_tools.scss
+- app/assets/stylesheets/fuji_admin/components/_tables.scss
+- app/assets/stylesheets/fuji_admin/components/_watchlist_bar.scss
+- app/assets/stylesheets/fuji_admin/layouts/_footer.scss
+- app/assets/stylesheets/fuji_admin/layouts/_header.scss
+- app/assets/stylesheets/fuji_admin/layouts/_layouts.scss
+- app/assets/stylesheets/fuji_admin/layouts/_main_content.scss
+- app/assets/stylesheets/fuji_admin/layouts/_sidebar.scss
+- app/assets/stylesheets/fuji_admin/layouts/_sizes.scss
+- app/assets/stylesheets/fuji_admin/layouts/_wrapper.scss
+- app/assets/stylesheets/fuji_admin/mixins/_media.scss
+- app/assets/stylesheets/fuji_admin/mixins/_mixins.scss
+- app/assets/stylesheets/fuji_admin/pages/_form.scss
+- app/assets/stylesheets/fuji_admin/pages/_index.scss
+- app/assets/stylesheets/fuji_admin/pages/_login.scss
+- app/assets/stylesheets/fuji_admin/pages/_pages.scss
+- app/assets/stylesheets/fuji_admin/pages/_show.scss
+- app/assets/stylesheets/fuji_admin/variables/_breakpoints.scss
+- app/assets/stylesheets/fuji_admin/variables/_colors.scss
+- app/assets/stylesheets/fuji_admin/variables/_radii.scss
+- app/assets/stylesheets/fuji_admin/variables/_shadows.scss
+- app/assets/stylesheets/fuji_admin/variables/_spacing.scss
+- app/assets/stylesheets/fuji_admin/variables/_typography.scss
+- app/assets/stylesheets/fuji_admin/variables/_variables.scss
+- lib/fuji_admin.rb
+- lib/fuji_admin/active_admin_patch.rb
+- lib/fuji_admin/configuration.rb
+- lib/fuji_admin/version.rb
+homepage: https://github.com/BarbaricCorgi/fuji_admin
+licenses:
+- MIT
+metadata:
+  source_code_uri: https://github.com/BarbaricCorgi/fuji_admin
+  changelog_uri: https://github.com/BarbaricCorgi/fuji_admin/releases
+  bug_tracker_uri: https://github.com/BarbaricCorgi/fuji_admin/issues
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.1.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.9
+signing_key: 
+specification_version: 4
+summary: A responsive ActiveAdmin theme
+test_files: []