Newer
Older
express-blog / public / css / theme.css
:root {
  /* Backgrounds */
  --bg-body: #f8f9fa;
  --bg-main: #ffffff;
  --bg-header: #2c3e50;
  --bg-footer: #34495e;
  --bg-nav-hover: #34495e;
  --bg-card: #ffffff;
  --bg-tag: #e3f2fd;
  --bg-list-item: #f8fafc;
  --bg-hover: #e9ecef;
  --bg-code: #2d2d2d;
  --bg-code-inline: #f0f0f0;

  /* Text Colors */
  --text-main: #212529;
  --text-muted: #6c757d;
  --text-light: #ecf0f1;
  --text-footer-p: #bdc3c7;
  --text-article: #444444;
  --text-heading: #2d3748;
  --text-p-alt: #4a5568;
  --text-heading: #2d3748;
  --text-heading-dark: #333333;
  --text-muted-dark: #495057;
  --text-muted-light: #999999;
  --text-bold: #222222;
  --text-italic: #555555;
  --text-blockquote: #666677;
  --text-code-inline: #c7254e;
  --text-code-block: #cccccc;

  /* Accents & Links */
  --accent-primary: #2c3e50;
  --accent-blue: #1a73e8;
  --accent-blue-bright: #007bff;
  --accent-tag: #1976d2;
  --link-footer: #9bd3ff;
  --link-classic: #0366d6;
  --link-sitemap: #007acc;
  --link-markdown: #667eea;
  --link-markdown-hover: #764ba2;
  --gradient-start: #667eea;
  --gradient-end: #764ba2;

  /* Borders & Dividers */
  --border-light: #e0e0e0;
  --border-medium: #dee2e6;
  --border-markdown: #e2e8f0;
  --border-grey: #cccccc;
  --border-grey-dark: #bbbbbb;
  --border-light-alt: #dddddd;
  --border-input: #dee2e6;
  --border-tag: #bbdefb;
  --border-markdown: #e2e8f0;
  --hr-color: #cbd5e0;
  --border-subtle: #e9ecef;
  --border-button: #888888;

  /* Status & Action Colors */
  --status-error: #d33333;
  --status-error-alt: #dc3545;
  --status-success: #28a745;
  --action-primary: #2980b9;
  --action-hover: #1f598a;
  --action-alt: #007acc;
  --action-alt-hover: #005fa3;

  /* Additional Backgrounds */
  --bg-subtle: #f5f7fa;
  --bg-neutral: #eeeeee;
  --bg-docs: #fdfdfd;
  --bg-docs-th: #f9fafb;
  --bg-docs-card: #fefefe;
  --bg-sitemap: #f9f9f9;
  --bg-pagination: #f5f5f5;
  --bg-light-accent: #ecf0f1;

  /* Additional Text Colors */
  --text-docs-h1: #1a1a1a;
  --text-docs-h2: #374151;
  --text-docs-muted: #4b5563;
  --text-hover-dark: #1a242f;
  --text-muted-alt: #777777;
  --text-placeholder: #666666;

  /* Additional Borders */
  --border-docs: #e5e7eb;

  /* Additional Mapping */
  --text-white: #ffffff;
  --text-black: #000000;
  --text-docs-strong: #1f2937;
  --bg-docs-inline: #f1f3f4;
  --bg-logs-hover: #e9e9e9;

  /* Docs & Layout Extras */
  --bg-docs-inline: #f1f3f4;
  --text-docs-strong: #1f2937;
  --border-docs: #e5e7eb;

  /* Log & Interaction Extras */
  --bg-logs-hover: #e9e9e9;
  --text-black: #000000;
  --text-white: #ffffff;

  /* Deep Dive & Gradient Specifics */
  --deep-dive-bg: #0a192f;
  --deep-dive-glow: #00ced1;
  --deep-dive-mid-1: #1a2744;
  --deep-dive-mid-2: #0f1b36;
  --gradient-start-trans: #667eea15;
  --gradient-end-trans: #764ba215;
}