@keenmate/pure-admin-core 1.0.0 → 1.1.0

package/src/scss/themes/minimal.scss

@@ -1,134 +0,0 @@
-/* Minimal Theme for Pure Admin Visual - Ultra clean, monochrome approach */
-@use 'sass:color';
-
-// =============================================================================
-// THEME COLOR SLOTS (1-9) - Minimal muted palette
-// =============================================================================
-$color-1: #374151;  // Gray 700 (primary)
-$color-2: #6b7280;  // Gray 500 (secondary)
-$color-3: #059669;  // Emerald 600 (muted success)
-$color-4: #d97706;  // Amber 600 (muted warning)
-$color-5: #4f46e5;  // Indigo 600 (accent)
-$color-6: #7c3aed;  // Violet 600 (subtle)
-$color-7: #9ca3af;  // Gray 400 (light)
-$color-8: #1f2937;  // Gray 800 (dark)
-$color-9: #db2777;  // Pink 600 (highlight)
-
-@import '../variables';
-
-// Minimal theme color palette - grayscale focused
-$minimal-white: #ffffff;
-$minimal-gray-50: #fafafa;
-$minimal-gray-100: #f8f9fa;
-$minimal-gray-150: #f8f8f8;
-$minimal-gray-200: #fcfcfc;
-$minimal-gray-250: #fdfdfd;
-$minimal-gray-300: #f0f0f0;
-$minimal-gray-400: #e8e8e8;
-$minimal-gray-500: #d8d8d8;
-$minimal-gray-600: #e2e6ea;
-$minimal-gray-700: #777777;
-$minimal-gray-800: #555555;
-$minimal-gray-850: #444444;
-$minimal-gray-900: #333333;
-$minimal-dark-500: #343a40;
-$minimal-dark-700: #23272b;
-$minimal-dark-900: #212529;
-
-// Layout overrides
-$footer-height: 3.2rem;    // 32px (10px base) - was 2rem at 16px base
-$sidebar-width: 29rem;   // 290px (10px base)
-
-// Color overrides for minimal theme
-$primary-bg: $minimal-white;
-$content-background-color: $minimal-white;
-$header-bg: $minimal-gray-50;
-$sidebar-bg: $minimal-gray-150;
-$footer-bg: $minimal-gray-50;
-$border-color: $minimal-gray-400;
-$text-primary: $minimal-gray-900;
-$text-secondary: $minimal-gray-700;
-$accent-color: $minimal-gray-800;
-$accent-hover: rgba(85, 85, 85, 0.1);
-$accent-light: rgba(85, 85, 85, 0.05);
-
-// Sync base variables with theme colors
-$base-accent-color: $accent-color;
-$base-accent-color-hover: color.adjust($base-accent-color, $lightness: 10%);
-$base-accent-color-active: color.adjust($base-accent-color, $lightness: 20%);
-$base-accent-color-light: $accent-light;
-$base-accent-color-light-hover: rgba($base-accent-color, 0.08);
-
-// Form focus colors - must match accent color
-$input-focus-border-color: $accent-color;
-$select-focus-border-color: $accent-color;
-$textarea-focus-border-color: $accent-color;
-
-// Checkbox colors - must match accent color
-$checkbox-border-color-hover: $accent-color;
-$checkbox-border-color-checked: $accent-color;
-$checkbox-bg-checked: $accent-color;
-$checkbox-bg-indeterminate: $accent-color;
-$checkbox-focus-shadow: 0 0 0 2px rgba($accent-color, 0.25);
-
-// Card colors
-$card-bg: $minimal-white;
-$card-header-bg: $minimal-gray-50;
-$card-footer-bg: $minimal-gray-50;
-$card-tabs-bg: $minimal-gray-150;
-
-// Input colors
-$input-bg: $minimal-white;
-$input-border: $minimal-gray-400;
-$input-text: $minimal-gray-900;
-
-// Table colors
-$table-bg: $minimal-white;
-$table-header-bg: $minimal-gray-100;
-$table-hover-bg: $minimal-gray-100;
-$table-stripe: $minimal-gray-200;
-
-// Button colors - minimal grayscale approach with selective color
-$btn-primary-bg: $minimal-gray-800;
-$btn-primary-bg-hover: $minimal-gray-850;
-$btn-secondary-bg: $minimal-gray-400;
-$btn-secondary-bg-hover: $minimal-gray-500;
-$btn-success-bg: #28a745;
-$btn-success-bg-hover: #218838;
-$btn-warning-bg: #ffc107;
-$btn-warning-text: $minimal-dark-900;
-$btn-danger-bg: #dc3545;
-$btn-danger-bg-hover: #c82333;
-$btn-info-bg: #17a2b8;
-$btn-info-bg-hover: #138496;
-$btn-light-bg: $minimal-gray-100;
-$btn-light-text: $minimal-gray-900;
-$btn-light-bg-hover: $minimal-gray-600;
-$btn-dark-bg: $minimal-dark-500;
-$btn-dark-bg-hover: $minimal-dark-700;
-
-// Validation shadow colors - match button colors
-$success-bg: $btn-success-bg;
-$success-bg-light: rgba(40, 167, 69, 0.1);
-$warning-bg: $btn-warning-bg;
-$warning-bg-light: rgba(255, 193, 7, 0.1);
-$danger-bg: $btn-danger-bg;
-$danger-bg-light: rgba(220, 53, 69, 0.1);
-
-// Modal colors
-$modal-overlay-bg: rgba(0, 0, 0, 0.4);
-$modal-content-bg: $minimal-white;
-
-@import '../core';
-@import '../utilities';
-@import '../base-css-variables';
-
-// CSS Variables for page loader (FOUC prevention) and base theme variables
-:root {
-  --page-loader-bg: rgba(255, 255, 255, 0.95);
-  --page-loader-spinner-border: #e0e0e0;
-  --page-loader-spinner-accent: #000000;
-
-  // Base CSS variables for web components (daterangepicker, multiselect, etc.)
-  @include output-base-css-variables;
-}