/* * Modern Portfolio - CSS Variables * Centralized file for all UI customization. * This file allows for granular control over both light and dark themes. */ :root { /* ================================= */ /* ===== LIGHT THEME VARIABLES ===== */ /* ================================= */ /* --- Base Colors --- */ --primary-light-theme: #5E35B1; --primary-light-light-theme: #FFB7B7D1; --primary-dark-light-theme: #4527A0; --secondary-light-theme: #1adb76; --accent-light-theme: #ff6b35; --white-light-theme: #FFFFFF; --black-light-theme: #000000; --logo:#685785; /* --- Neutral Colors --- */ --text-light-theme: #333333; --text-light-light-theme: #666666; --text-muted-light-theme: #999999; --bg-primary-light-theme: #FFFFFF42; --bg-secondary-light-theme: #f9f9f9; --bg-tertiary-light-theme: #f0f0f0; --border-light-theme: #E8ECEF; --border-light-light-theme: #DCDCDC; /* --- Gradients --- */ --gradient-primary-light-theme: linear-gradient(135deg, var(--primary-light-theme) 0%, var(--primary-light-light-theme) 100%); --gradient-bg-light-theme: linear-gradient(135deg, #E8ECEF96 25%, #D1C4E980 100%); --gradient-quantara-light-theme: linear-gradient(0.6turn, #3F7DA6, #B5DFFF, #4C6DFF); --gradient-button-primary-light-theme: linear-gradient(135deg, #05000E 0%, #C8A8FF 100%); --gradient-button-accent-light-theme: linear-gradient(135deg, #FF8AE8 0%, #006395 100%); /* --- Shadows --- */ --shadow-sm-light-theme: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md-light-theme: 0 4px 6px -1px rgba(0, 0, 0, 0.86), 0 3px 6px -1px rgba(84, 0, 107, 1); --shadow-lg-light-theme: 0 10px 15px -3px rgba(255, 242, 242, 0.94), 0 8px 12px -2px rgba(238, 197, 255, 1); --shadow-xl-light-theme: 0 20px 30px -5px rgba(0, 0, 0, 1), 0 12px 15px -5px rgba(255, 161, 255, 1); --shadow-glow-light-theme: 0 0 20px rgba(94, 53, 177, 1); /* --- Component-Specific Variables --- */ --selection-bg-light-theme: var(--primary-light-theme); --selection-text-light-theme: var(--white-light-theme); --nav-link-hover-bg-light-theme: rgba(99, 102, 241, 0.1); --btn-outline-hover-bg-light-theme: var(--primary-light-theme); --btn-outline-hover-text-light-theme: var(--white-light-theme); --social-link-hover-bg-light-theme: var(--primary-light-theme); --social-link-hover-text-light-theme: var(--white-light-theme); --footer-link-hover-text-light-theme: var(--primary-light-theme); --project-overlay-bg-light-theme: rgba(255, 191, 191, 0.49); --project-link-hover-bg-light-theme: var(--primary-light-theme); --project-link-hover-text-light-theme: var(--white-light-theme); /* ================================= */ /* ===== DARK THEME VARIABLES ===== */ /* ================================= */ /* --- Base Colors --- */ --primary-dark-theme: #7e57c2; --primary-light-dark-theme: #EB6E85; --primary-dark-dark-theme: #673ab7; --secondary-dark-theme: #2ee288; --accent-dark-theme: #FF6565; --white-dark-theme: #ffffff; --black-dark-theme: #000000; --logo:#685785; /* --- Neutral Colors --- */ --text-dark-theme: #e8e8e8; --text-light-dark-theme: #a0a0a0; --text-muted-dark-theme: #888888; --bg-primary-dark-theme: #00000066; --bg-secondary-dark-theme: #12141552; --bg-tertiary-dark-theme: #191D25; --border-dark-theme: #141C25; --border-light-dark-theme: #4b5563; /* --- Gradients --- */ --gradient-primary-dark-theme: linear-gradient(135deg, var(--primary-dark-theme) 0%, var(--primary-light-dark-theme) 100%); --gradient-bg-dark-theme: linear-gradient(135deg, #342C3ACC 30%, #05030E 50%); --gradient-quantara-dark-theme: linear-gradient(0.6turn, #1a2a6c, #b21f1f, #fdbb2d); --gradient-button-primary-dark-theme: linear-gradient(135deg, #C8A8FF 0%, #05000E 100%); --gradient-button-accent-dark-theme: linear-gradient(135deg, #006395 0%, #FF8AE8 100%); /* --- Shadows --- */ --shadow-sm-dark-theme: 0 1px 2px 0 rgba(123, 0, 0, 0.59); --shadow-md-dark-theme: 0 4px 30px -1px #AC80C3, 0 2px 6px -1px rgba(255, 162, 191, 1); --shadow-lg-dark-theme: 0 8px 20px -3px #A10810, 0 8px 20px -2px #12121E; --shadow-xl-dark-theme: 0 20px 30px -5px rgba(255, 255, 255, 0.61), 0 12px 25px -5px rgba(0, 0, 0, 1); --shadow-glow-dark-theme: 0 0 20px rgba(126, 87, 194, 0.4); /* --- Component-Specific Variables --- */ --selection-bg-dark-theme: var(--primary-dark-theme); --selection-text-dark-theme: var(--white-dark-theme); --nav-link-hover-bg-dark-theme: rgba(126, 87, 194, 0.2); --btn-outline-hover-bg-dark-theme: var(--primary-dark-theme); --btn-outline-hover-text-dark-theme: var(--white-dark-theme); --social-link-hover-bg-dark-theme: var(--primary-dark-theme); --social-link-hover-text-dark-theme: var(--white-dark-theme); --footer-link-hover-text-dark-theme: var(--primary-dark-theme); --project-overlay-bg-dark-theme: rgba(51, 32, 32, 0.61); --project-link-hover-bg-dark-theme: var(--primary-dark-theme); --project-link-hover-text-dark-theme: var(--white-dark-theme); /* ================================= */ /* ===== GENERIC DESIGN TOKENS ===== */ /* ================================= */ /* Typography */ --font-primary: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace; /* Spacing */ --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; /* Border Radius */ --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-full: 9999px; /* Transitions */ --transition-fast: 0.15s ease-out; --transition-normal: 0.3s ease-out; --transition-slow: 0.5s ease-out; /* ================================= */ /* ===== ANIMATION VARIABLES ===== */ /* ================================= */ /* Card Animation Variables */ --card-hover-lift: 8px; --card-hover-scale: 1.02; --card-shimmer-duration: 600ms; --card-transition-duration: 300ms; --card-border-glow-opacity: 0.3; /* Header Card Specific Variables */ --developer-card-watermark-scale: 1.1; --developer-card-watermark-opacity: 0.15; --developer-card-info-stagger: 100ms; --developer-card-icon-rotation: 10deg; --developer-card-quote-marks-opacity: 0.3; --activity-card-slide-distance: 3px; --activity-card-icon-rotation: 15deg; --activity-card-expand-scale: 1.1; --activity-card-stagger-delay: 100ms; --connections-card-icon-rotation: 5deg; --connections-card-item-stagger: 100ms; --connections-card-arrow-slide: 3px; --connections-card-accent-height: 60%; /* GitHub Calendar Variables */ --github-hover-square-scale: 1.1; --github-hover-stroke-width: 1px; --github-loading-duration: 1000ms; --github-error-fade-duration: 300ms; /* Micro Animation Variables */ --button-hover-scale: 1.05; --button-hover-duration: 200ms; --link-hover-slide: 2px; --link-hover-duration: 150ms; --icon-hover-rotation: 10deg; --icon-hover-scale: 1.2; --icon-hover-duration: 200ms; /* Loading Screen Variables */ --loading-letter-bounce-delay: 100ms; --loading-progress-duration: 2000ms; --loading-fade-duration: 500ms; /* Cursor Follower Variables */ --cursor-size: 20px; --cursor-opacity: 0.6; --cursor-follow-speed: 0.1; /* Floating Shapes Variables */ --shapes-animation-duration: 10000ms; --shapes-opacity: 0.3; --shapes-count: 7; /* Scroll Animation Variables */ --scroll-threshold: 0.1; --scroll-stagger-delay: 100ms; --scroll-slide-distance: 30px; /* Assign light theme variables by default */ --primary: var(--primary-light-theme); --primary-light: var(--primary-light-light-theme); --primary-dark: var(--primary-dark-light-theme); --secondary: var(--secondary-light-theme); --accent: var(--accent-light-theme); --white: var(--white-light-theme); --black: var(--black-light-theme); --text: var(--text-light-theme); --text-light: var(--text-light-light-theme); --text-muted: var(--text-muted-light-theme); --bg-primary: var(--bg-primary-light-theme); --bg-secondary: var(--bg-secondary-light-theme); --bg-tertiary: var(--bg-tertiary-light-theme); --border: var(--border-light-theme); --border-light: var(--border-light-light-theme); --gradient-primary: var(--gradient-primary-light-theme); --gradient-bg: var(--gradient-bg-light-theme); --gradient-quantara: var(--gradient-quantara-light-theme); --gradient-button-primary: var(--gradient-button-primary-light-theme); --gradient-button-accent: var(--gradient-button-accent-light-theme); --shadow-sm: var(--shadow-sm-light-theme); --shadow-md: var(--shadow-md-light-theme); --shadow-lg: var(--shadow-lg-light-theme); --shadow-xl: var(--shadow-xl-light-theme); --shadow-glow: var(--shadow-glow-light-theme); --selection-bg: var(--selection-bg-light-theme); --selection-text: var(--selection-text-light-theme); --nav-link-hover-bg: var(--nav-link-hover-bg-light-theme); --btn-outline-hover-bg: var(--btn-outline-hover-bg-light-theme); --btn-outline-hover-text: var(--btn-outline-hover-text-light-theme); --social-link-hover-bg: var(--social-link-hover-bg-light-theme); --social-link-hover-text: var(--social-link-hover-text-light-theme); --footer-link-hover-text: var(--footer-link-hover-text-light-theme); --project-overlay-bg: var(--project-overlay-bg-light-theme); --project-link-hover-bg: var(--project-link-hover-bg-light-theme); --project-link-hover-text: var(--project-link-hover-text-light-theme); /* ================================= */ /* ===== GITHUB CALENDAR LIGHT ===== */ /* ================================= */ /* --- Light Theme GitHub Calendar Variables --- */ --github-calendar-bg-light-theme: transparent; --github-calendar-border-light-theme: var(--border-light-light-theme); --github-calendar-text-light-theme: var(--text-light-theme); --github-calendar-month-text-light-theme: var(--text-light-light-theme); --github-calendar-weekday-text-light-theme: var(--text-light-light-theme); --github-calendar-legend-text-light-theme: var(--text-light-light-theme); --github-calendar-tooltip-bg-light-theme: rgba(0, 0, 0, 0.9); --github-calendar-tooltip-text-light-theme: #ffffff; --github-calendar-scrollbar-track-light-theme: var(--bg-secondary-light-theme); --github-calendar-scrollbar-thumb-light-theme: var(--primary-light-theme); --github-calendar-scrollbar-thumb-hover-light-theme: var(--primary-dark-light-theme); --github-calendar-error-bg-light-theme: var(--bg-secondary-light-theme); --github-calendar-error-border-light-theme: var(--border-light-light-theme); --github-calendar-error-text-light-theme: var(--text-light-light-theme); --github-calendar-error-title-light-theme: var(--text-light-theme); --github-calendar-fallback-link-light-theme: var(--primary-light-theme); --github-calendar-fallback-link-hover-light-theme: var(--primary-dark-light-theme); /* --- Light Theme Sizing Variables --- */ --github-calendar-width-light-theme: 520px; --github-calendar-min-width-light-theme: 480px; --github-calendar-max-width-light-theme: 600px; --github-calendar-mobile-width-light-theme: 320px; --github-calendar-mobile-min-width-light-theme: 280px; --github-calendar-mobile-max-width-light-theme: 360px; --github-calendar-tablet-width-light-theme: 450px; --github-calendar-tablet-min-width-light-theme: 400px; --github-calendar-tablet-max-width-light-theme: 500px; --github-calendar-scale-light-theme: 1.0; --github-calendar-mobile-scale-light-theme: 0.65; --github-calendar-tablet-scale-light-theme: 0.85; --github-calendar-large-scale-light-theme: 1.15; --github-calendar-padding-light-theme: 4px; --github-calendar-mobile-padding-light-theme: 2px; --github-calendar-tablet-padding-light-theme: 3px; --github-calendar-month-font-size-light-theme: 7px; --github-calendar-weekday-font-size-light-theme: 7px; --github-calendar-legend-font-size-light-theme: 9px; --github-calendar-mobile-month-font-size-light-theme: 5px; --github-calendar-mobile-weekday-font-size-light-theme: 5px; --github-calendar-mobile-legend-font-size-light-theme: 7px; --github-calendar-tablet-month-font-size-light-theme: 6px; --github-calendar-tablet-weekday-font-size-light-theme: 6px; --github-calendar-tablet-legend-font-size-light-theme: 8px; --github-calendar-scrollbar-height-light-theme: 4px; --github-calendar-mobile-scrollbar-height-light-theme: 3px; --github-calendar-tablet-scrollbar-height-light-theme: 3px; /* GitHub Calendar Variables */ --github-calendar-bg: var(--github-calendar-bg-light-theme); --github-calendar-border: var(--github-calendar-border-light-theme); --github-calendar-text: var(--github-calendar-text-light-theme); --github-calendar-month-text: var(--github-calendar-month-text-light-theme); --github-calendar-weekday-text: var(--github-calendar-weekday-text-light-theme); --github-calendar-legend-text: var(--github-calendar-legend-text-light-theme); --github-calendar-tooltip-bg: var(--github-calendar-tooltip-bg-light-theme); --github-calendar-tooltip-text: var(--github-calendar-tooltip-text-light-theme); --github-calendar-scrollbar-track: var(--github-calendar-scrollbar-track-light-theme); --github-calendar-scrollbar-thumb: var(--github-calendar-scrollbar-thumb-light-theme); --github-calendar-scrollbar-thumb-hover: var(--github-calendar-scrollbar-thumb-hover-light-theme); --github-calendar-error-bg: var(--github-calendar-error-bg-light-theme); --github-calendar-error-border: var(--github-calendar-error-border-light-theme); --github-calendar-error-text: var(--github-calendar-error-text-light-theme); --github-calendar-error-title: var(--github-calendar-error-title-light-theme); --github-calendar-fallback-link: var(--github-calendar-fallback-link-light-theme); --github-calendar-fallback-link-hover: var(--github-calendar-fallback-link-hover-light-theme); /* GitHub Calendar Sizing Variables */ --github-calendar-width: var(--github-calendar-width-light-theme); --github-calendar-min-width: var(--github-calendar-min-width-light-theme); --github-calendar-max-width: var(--github-calendar-max-width-light-theme); --github-calendar-mobile-width: var(--github-calendar-mobile-width-light-theme); --github-calendar-mobile-min-width: var(--github-calendar-mobile-min-width-light-theme); --github-calendar-mobile-max-width: var(--github-calendar-mobile-max-width-light-theme); --github-calendar-tablet-width: var(--github-calendar-tablet-width-light-theme); --github-calendar-tablet-min-width: var(--github-calendar-tablet-min-width-light-theme); --github-calendar-tablet-max-width: var(--github-calendar-tablet-max-width-light-theme); --github-calendar-scale: var(--github-calendar-scale-light-theme); --github-calendar-mobile-scale: var(--github-calendar-mobile-scale-light-theme); --github-calendar-tablet-scale: var(--github-calendar-tablet-scale-light-theme); --github-calendar-large-scale: var(--github-calendar-large-scale-light-theme); --github-calendar-padding: var(--github-calendar-padding-light-theme); --github-calendar-mobile-padding: var(--github-calendar-mobile-padding-light-theme); --github-calendar-tablet-padding: var(--github-calendar-tablet-padding-light-theme); --github-calendar-month-font-size: var(--github-calendar-month-font-size-light-theme); --github-calendar-weekday-font-size: var(--github-calendar-weekday-font-size-light-theme); --github-calendar-legend-font-size: var(--github-calendar-legend-font-size-light-theme); --github-calendar-mobile-month-font-size: var(--github-calendar-mobile-month-font-size-light-theme); --github-calendar-mobile-weekday-font-size: var(--github-calendar-mobile-weekday-font-size-light-theme); --github-calendar-mobile-legend-font-size: var(--github-calendar-mobile-legend-font-size-light-theme); --github-calendar-tablet-month-font-size: var(--github-calendar-tablet-month-font-size-light-theme); --github-calendar-tablet-weekday-font-size: var(--github-calendar-tablet-weekday-font-size-light-theme); --github-calendar-tablet-legend-font-size: var(--github-calendar-tablet-legend-font-size-light-theme); --github-calendar-scrollbar-height: var(--github-calendar-scrollbar-height-light-theme); --github-calendar-mobile-scrollbar-height: var(--github-calendar-mobile-scrollbar-height-light-theme); --github-calendar-tablet-scrollbar-height: var(--github-calendar-tablet-scrollbar-height-light-theme); } body.dark-mode { /* Assign dark theme variables */ --primary: var(--primary-dark-theme); --primary-light: var(--primary-light-dark-theme); --primary-dark: var(--primary-dark-dark-theme); --secondary: var(--secondary-dark-theme); --accent: var(--accent-dark-theme); --white: var(--white-dark-theme); --black: var(--black-dark-theme); --text: var(--text-dark-theme); --text-light: var(--text-light-dark-theme); --text-muted: var(--text-muted-dark-theme); --bg-primary: var(--bg-primary-dark-theme); --bg-secondary: var(--bg-secondary-dark-theme); --bg-tertiary: var(--bg-tertiary-dark-theme); --border: var(--border-dark-theme); --border-light: var(--border-light-dark-theme); --gradient-primary: var(--gradient-primary-dark-theme); --gradient-bg: var(--gradient-bg-dark-theme); --gradient-quantara: var(--gradient-quantara-dark-theme); --gradient-button-primary: var(--gradient-button-primary-dark-theme); --gradient-button-accent: var(--gradient-button-accent-dark-theme); --shadow-sm: var(--shadow-sm-dark-theme); --shadow-md: var(--shadow-md-dark-theme); --shadow-lg: var(--shadow-lg-dark-theme); --shadow-xl: var(--shadow-xl-dark-theme); --shadow-glow: var(--shadow-glow-dark-theme); --selection-bg: var(--selection-bg-dark-theme); --selection-text: var(--selection-text-dark-theme); --nav-link-hover-bg: var(--nav-link-hover-bg-dark-theme); --btn-outline-hover-bg: var(--btn-outline-hover-bg-dark-theme); --btn-outline-hover-text: var(--btn-outline-hover-text-dark-theme); --social-link-hover-bg: var(--social-link-hover-bg-dark-theme); --social-link-hover-text: var(--social-link-hover-text-dark-theme); --footer-link-hover-text: var(--footer-link-hover-text-dark-theme); --project-overlay-bg: var(--project-overlay-bg-dark-theme); --project-link-hover-bg: var(--project-link-hover-bg-dark-theme); --project-link-hover-text: var(--project-link-hover-text-dark-theme); /* ================================= */ /* ===== GITHUB CALENDAR DARK ===== */ /* ================================= */ /* --- Dark Theme GitHub Calendar Variables --- */ --github-calendar-bg-dark-theme: transparent; --github-calendar-border-dark-theme: var(--border-light-dark-theme); --github-calendar-text-dark-theme: var(--text-dark-theme); --github-calendar-month-text-dark-theme: var(--text-light-dark-theme); --github-calendar-weekday-text-dark-theme: var(--text-light-dark-theme); --github-calendar-legend-text-dark-theme: var(--text-light-dark-theme); --github-calendar-tooltip-bg-dark-theme: rgba(0, 0, 0, 0.9); --github-calendar-tooltip-text-dark-theme: #ffffff; --github-calendar-scrollbar-track-dark-theme: var(--bg-secondary-dark-theme); --github-calendar-scrollbar-thumb-dark-theme: var(--primary-dark-theme); --github-calendar-scrollbar-thumb-hover-dark-theme: var(--primary-dark-dark-theme); --github-calendar-error-bg-dark-theme: var(--bg-secondary-dark-theme); --github-calendar-error-border-dark-theme: var(--border-light-dark-theme); --github-calendar-error-text-dark-theme: var(--text-light-dark-theme); --github-calendar-error-title-dark-theme: var(--text-dark-theme); --github-calendar-fallback-link-dark-theme: var(--primary-dark-theme); --github-calendar-fallback-link-hover-dark-theme: var(--primary-dark-dark-theme); /* --- Dark Theme Sizing Variables --- */ --github-calendar-width-dark-theme: 520px; --github-calendar-min-width-dark-theme: 480px; --github-calendar-max-width-dark-theme: 600px; --github-calendar-mobile-width-dark-theme: 320px; --github-calendar-mobile-min-width-dark-theme: 280px; --github-calendar-mobile-max-width-dark-theme: 360px; --github-calendar-tablet-width-dark-theme: 450px; --github-calendar-tablet-min-width-dark-theme: 400px; --github-calendar-tablet-max-width-dark-theme: 500px; --github-calendar-scale-dark-theme: 1.0; --github-calendar-mobile-scale-dark-theme: 0.65; --github-calendar-tablet-scale-dark-theme: 0.85; --github-calendar-large-scale-dark-theme: 1.15; --github-calendar-padding-dark-theme: 4px; --github-calendar-mobile-padding-dark-theme: 2px; --github-calendar-tablet-padding-dark-theme: 3px; --github-calendar-month-font-size-dark-theme: 7px; --github-calendar-weekday-font-size-dark-theme: 7px; --github-calendar-legend-font-size-dark-theme: 9px; --github-calendar-mobile-month-font-size-dark-theme: 5px; --github-calendar-mobile-weekday-font-size-dark-theme: 5px; --github-calendar-mobile-legend-font-size-dark-theme: 7px; --github-calendar-tablet-month-font-size-dark-theme: 6px; --github-calendar-tablet-weekday-font-size-dark-theme: 6px; --github-calendar-tablet-legend-font-size-dark-theme: 8px; --github-calendar-scrollbar-height-dark-theme: 4px; --github-calendar-mobile-scrollbar-height-dark-theme: 3px; --github-calendar-tablet-scrollbar-height-dark-theme: 3px; /* GitHub Calendar Variables */ --github-calendar-bg: var(--github-calendar-bg-dark-theme); --github-calendar-border: var(--github-calendar-border-dark-theme); --github-calendar-text: var(--github-calendar-text-dark-theme); --github-calendar-month-text: var(--github-calendar-month-text-dark-theme); --github-calendar-weekday-text: var(--github-calendar-weekday-text-dark-theme); --github-calendar-legend-text: var(--github-calendar-legend-text-dark-theme); --github-calendar-tooltip-bg: var(--github-calendar-tooltip-bg-dark-theme); --github-calendar-tooltip-text: var(--github-calendar-tooltip-text-dark-theme); --github-calendar-scrollbar-track: var(--github-calendar-scrollbar-track-dark-theme); --github-calendar-scrollbar-thumb: var(--github-calendar-scrollbar-thumb-dark-theme); --github-calendar-scrollbar-thumb-hover: var(--github-calendar-scrollbar-thumb-hover-dark-theme); --github-calendar-error-bg: var(--github-calendar-error-bg-dark-theme); --github-calendar-error-border: var(--github-calendar-error-border-dark-theme); --github-calendar-error-text: var(--github-calendar-error-text-dark-theme); --github-calendar-error-title: var(--github-calendar-error-title-dark-theme); --github-calendar-fallback-link: var(--github-calendar-fallback-link-dark-theme); --github-calendar-fallback-link-hover: var(--github-calendar-fallback-link-hover-dark-theme); /* GitHub Calendar Sizing Variables */ --github-calendar-width: var(--github-calendar-width-dark-theme); --github-calendar-min-width: var(--github-calendar-min-width-dark-theme); --github-calendar-max-width: var(--github-calendar-max-width-dark-theme); --github-calendar-mobile-width: var(--github-calendar-mobile-width-dark-theme); --github-calendar-mobile-min-width: var(--github-calendar-mobile-min-width-dark-theme); --github-calendar-mobile-max-width: var(--github-calendar-mobile-max-width-dark-theme); --github-calendar-tablet-width: var(--github-calendar-tablet-width-dark-theme); --github-calendar-tablet-min-width: var(--github-calendar-tablet-min-width-dark-theme); --github-calendar-tablet-max-width: var(--github-calendar-tablet-max-width-dark-theme); --github-calendar-scale: var(--github-calendar-scale-dark-theme); --github-calendar-mobile-scale: var(--github-calendar-mobile-scale-dark-theme); --github-calendar-tablet-scale: var(--github-calendar-tablet-scale-dark-theme); --github-calendar-large-scale: var(--github-calendar-large-scale-dark-theme); --github-calendar-padding: var(--github-calendar-padding-dark-theme); --github-calendar-mobile-padding: var(--github-calendar-mobile-padding-dark-theme); --github-calendar-tablet-padding: var(--github-calendar-tablet-padding-dark-theme); --github-calendar-month-font-size: var(--github-calendar-month-font-size-dark-theme); --github-calendar-weekday-font-size: var(--github-calendar-weekday-font-size-dark-theme); --github-calendar-legend-font-size: var(--github-calendar-legend-font-size-dark-theme); --github-calendar-mobile-month-font-size: var(--github-calendar-mobile-month-font-size-dark-theme); --github-calendar-mobile-weekday-font-size: var(--github-calendar-mobile-weekday-font-size-dark-theme); --github-calendar-mobile-legend-font-size: var(--github-calendar-mobile-legend-font-size-dark-theme); --github-calendar-tablet-month-font-size: var(--github-calendar-tablet-month-font-size-dark-theme); --github-calendar-tablet-weekday-font-size: var(--github-calendar-tablet-weekday-font-size-dark-theme); --github-calendar-tablet-legend-font-size: var(--github-calendar-tablet-legend-font-size-dark-theme); --github-calendar-scrollbar-height: var(--github-calendar-scrollbar-height-dark-theme); --github-calendar-mobile-scrollbar-height: var(--github-calendar-mobile-scrollbar-height-dark-theme); --github-calendar-tablet-scrollbar-height: var(--github-calendar-tablet-scrollbar-height-dark-theme); }