@triagly/sdk/themes/dark.css

JavaScript SDK for Triagly - Turn user feedback into GitHub issues instantly

/**
 * Triagly SDK - Dark Theme
 * 
 * Usage:
 *   <link rel="stylesheet" href="https://unpkg.com/@triagly/sdk/themes/dark.css">
 * 
 * Or import in JavaScript:
 *   import '@triagly/sdk/themes/dark.css';
 */

:root {
  /* Button */
  --triagly-button-bg: #1f2937;
  --triagly-button-bg-hover: #374151;
  --triagly-button-text: #f9fafb;
  --triagly-button-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  --triagly-button-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.5);
  
  /* Modal */
  --triagly-modal-bg: #1f2937;
  --triagly-modal-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  
  /* Overlay */
  --triagly-overlay-bg: rgba(0, 0, 0, 0.8);
  
  /* Header */
  --triagly-header-bg: #111827;
  --triagly-header-border: #374151;
  --triagly-header-text: #f9fafb;
  
  /* Form */
  --triagly-form-bg: #1f2937;
  --triagly-label-text: #e5e7eb;
  --triagly-input-bg: #111827;
  --triagly-input-border: #374151;
  --triagly-input-border-focus: #6366f1;
  --triagly-input-text: #f9fafb;
  
  /* Buttons */
  --triagly-btn-primary-bg: #6366f1;
  --triagly-btn-primary-bg-hover: #4f46e5;
  --triagly-btn-secondary-bg: #374151;
  --triagly-btn-secondary-bg-hover: #4b5563;
  --triagly-btn-secondary-text: #f9fafb;
  
  /* Status */
  --triagly-success-bg: #064e3b;
  --triagly-success-text: #6ee7b7;
  --triagly-error-bg: #7f1d1d;
  --triagly-error-text: #fca5a5;
}