Sha256: 43eb1882dd97bf4a6cde4d3b41ebded8daefbdd195a92a15605f199e6c0610c3
Contents?: true
Size: 1.48 KB
Versions: 51
Compression:
Stored size: 1.48 KB
Contents
/*
Primary Colors:
Coral/Orange Red: #FF4D4D (for main CTAs and primary elements)
Deep Turquoise: #00CED1 (for secondary elements)
Deep Blue: #1E3D59 (for text and accents)
Accent Colors:
Soft Pink: #FF9EAA (for highlights)
Light Blue: #B8E3E9 (for backgrounds)
White: #FFFFFF (for contrast and readability)
*/
:root {
/* Primary Brand Colors - Inspired by the vibrant gradient */
--vp-c-brand-1: #FF4D4D;
/* Vibrant coral red */
--vp-c-brand-2: #FF6B4A;
/* Lighter coral */
--vp-c-brand-3: #FF8347;
/* Soft orange */
--vp-c-brand-soft: rgba(255, 77, 77, 0.14);
/* Accent Colors */
--vp-c-accent-1: #00CED1;
/* Turquoise */
--vp-c-accent-2: #1E90FF;
/* Bright blue */
--vp-c-accent-3: #4169E1;
/* Royal blue */
--vp-c-accent-soft: rgba(0, 206, 209, 0.14);
/* Custom Background Gradients */
--vp-home-hero-name-background: linear-gradient(120deg,
#FF4D4D 30%,
#00CED1);
/* Updating existing color references */
--vp-c-tip-1: var(--vp-c-accent-1);
--vp-c-tip-2: var(--vp-c-accent-2);
--vp-c-tip-3: var(--vp-c-accent-3);
--vp-c-tip-soft: var(--vp-c-accent-soft);
}
.dark {
/* Dark mode adjustments */
--vp-c-brand-1: #FF6B4A;
/* Slightly lighter coral for dark mode */
--vp-c-brand-2: #FF4D4D;
--vp-c-brand-3: #FF3333;
--vp-c-brand-soft: rgba(255, 107, 74, 0.16);
--vp-c-accent-1: #40E0E3;
/* Brighter turquoise for dark mode */
--vp-c-accent-2: #45A3FF;
--vp-c-accent-3: #6182E3;
--vp-c-accent-soft: rgba(64, 224, 227, 0.16);
}
Version data entries
51 entries across 51 versions & 1 rubygems