/** * Chatting.im page theme preset. * Theme key: mineral_lime * Source split from the canonical theme system; effective values preserve the monolith cascade. */ [data-page-theme="mineral_lime"] { color-scheme: dark; --bio-theme-page-background: linear-gradient(180deg, rgba(1, 30, 29, 0.06), rgba(0, 16, 18, 0.30)), url("/assets/img/page-themes/mineral-lime.svg") center center / cover no-repeat; --bio-theme-page-pattern: none; --bio-theme-page-pattern-size: auto; --bio-theme-page-pattern-opacity: 0; --bio-theme-text: #ccff00; --bio-theme-muted: #addc26; --bio-theme-accent: #ccff00; --bio-theme-accent-2: #91db00; --bio-theme-accent-soft: rgba(204, 255, 0, 0.16); --bio-theme-surface-background: rgba(0, 27, 29, 0.18); --bio-theme-surface-border: transparent; --bio-theme-surface-shadow: none; --bio-theme-surface-backdrop: none; --bio-theme-cover-background: linear-gradient(145deg, rgba(204, 255, 0, 0.20), rgba(0, 92, 82, 0.54)), url("/assets/img/page-themes/mineral-lime.svg") center 35% / cover no-repeat; --bio-theme-cover-overlay: linear-gradient(180deg, rgba(0, 20, 20, 0.02), rgba(0, 20, 20, 0.30)); --bio-theme-avatar-background: linear-gradient(135deg, #ccff00, #82cf00); --bio-theme-avatar-color: #062a24; --bio-theme-avatar-border: rgba(225, 255, 114, 0.92); --bio-theme-avatar-shadow: 0 14px 36px rgba(0, 21, 22, 0.34), 0 0 28px rgba(204, 255, 0, 0.16); --bio-theme-link-background: linear-gradient(135deg, #caff00 0%, #a7e900 100%); --bio-theme-link-hover-background: linear-gradient(135deg, #dcff44 0%, #b9f719 100%); --bio-theme-link-border: rgba(219, 255, 67, 0.82); --bio-theme-link-hover-border: rgba(239, 255, 153, 0.96); --bio-theme-link-text: #07322a; --bio-theme-link-icon-background: #07322a; --bio-theme-link-icon-text: #ccff00; --bio-theme-link-arrow: #07322a; --bio-theme-link-shadow: 0 12px 28px rgba(0, 26, 25, 0.22), 0 1px 0 rgba(255, 255, 255, 0.45) inset; --bio-theme-link-hover-shadow: 0 18px 40px rgba(0, 26, 25, 0.30), 0 0 28px rgba(204, 255, 0, 0.18); --bio-theme-link-radius: 26px; --bio-theme-social-background: rgba(0, 34, 32, 0.50); --bio-theme-social-hover-background: rgba(8, 61, 52, 0.74); --bio-theme-social-border: rgba(204, 255, 0, 0.30); --bio-theme-social-text: #ccff00; --bio-theme-social-shadow: 0 12px 30px rgba(0, 18, 20, 0.28); --bio-theme-contact-background: rgba(0, 34, 32, 0.58); --bio-theme-contact-border: rgba(204, 255, 0, 0.30); --bio-theme-contact-text: #ccff00; --bio-theme-contact-shadow: 0 12px 30px rgba(0, 18, 20, 0.28); --bio-theme-action-text: #ccff00; --bio-theme-action-hover: #efffa8; --bio-theme-chat-background: rgba(0, 27, 29, 0.30); --bio-theme-chat-border: rgba(204, 255, 0, 0.24); --bio-theme-chat-shadow: 0 22px 56px rgba(0, 12, 15, 0.34); --bio-theme-chat-messages-background: rgba(0, 20, 23, 0.30); --bio-theme-chat-input-background: var(--bio-theme-link-background); --bio-theme-chat-input-focus-background: var(--bio-theme-link-hover-background); --bio-theme-chat-input-border: rgba(204, 255, 0, 0.22); --bio-theme-chat-placeholder: var(--bio-theme-link-muted); --bio-theme-chat-visitor-background: rgba(10, 59, 53, 0.90); --bio-theme-chat-visitor-text: #efffd2; --bio-theme-chat-visitor-border: rgba(204, 255, 0, 0.18); --bio-theme-chat-owner-background: linear-gradient(135deg, #caff00, #8bd600); --bio-theme-chat-owner-text: #07322a; --bio-theme-chat-owner-border: rgba(229, 255, 128, 0.42); --bio-theme-send-background: linear-gradient(135deg, #caff00, #8bd600); --bio-theme-send-text: #07322a; --bio-theme-send-shadow: 0 12px 28px rgba(0, 18, 20, 0.32), 0 0 22px rgba(204, 255, 0, 0.16); --bio-theme-footer-background: rgba(0, 34, 32, 0.70); --bio-theme-footer-text: #ccff00; --bio-theme-footer-border: rgba(204, 255, 0, 0.28); --bio-theme-footer-shadow: 0 16px 40px rgba(0, 16, 18, 0.34); --bio-theme-mobile-footer-fade: linear-gradient(180deg, rgba(0, 14, 16, 0), rgba(0, 14, 16, 0.94)); --bio-theme-focus-ring: rgba(204, 255, 0, 0.44); --bio-theme-heading-font-family: "CI Source Serif", serif; --bio-theme-heading-font-style: italic; --bio-theme-heading-font-weight: 700; --bio-theme-heading-letter-spacing: -0.025em; --bio-theme-heading-text-transform: none; --bio-theme-link-muted: #07322a; --bio-theme-focus-contrast: #ffffff; --bio-theme-modal-background: linear-gradient(rgba(0, 34, 32, 0.70), rgba(0, 34, 32, 0.70)), linear-gradient(135deg, #caff00 0%, #a7e900 100%); --bio-theme-modal-border: rgba(204, 255, 0, 0.28); --bio-theme-modal-close-background: rgba(0, 34, 32, 0.50); --bio-theme-modal-close-border: rgba(204, 255, 0, 0.30); --bio-theme-modal-close-shadow: 0 12px 30px rgba(0, 18, 20, 0.28); } /* Theme-specific effects. */ .public-shell-bio[data-page-theme="mineral_lime"], .bio-preview-public-copy[data-page-theme="mineral_lime"] { animation: bioThemeMineralDrift 22s ease-in-out infinite alternate; } .public-shell-bio[data-page-theme="mineral_lime"] .bio-public-name, .public-shell-bio[data-page-theme="mineral_lime"] .bio-public-headline, .bio-preview-public-copy[data-page-theme="mineral_lime"] .bio-public-name, .bio-preview-public-copy[data-page-theme="mineral_lime"] .bio-public-headline { font-family: "CI Source Serif", serif !important; font-style: italic; letter-spacing: -0.025em; } .page-theme-card-preview[data-page-theme="mineral_lime"] .page-theme-card-preview-aa { color: #ccff00; font-family: "CI Source Serif", serif; font-style: italic; text-shadow: 0 4px 14px rgba(0, 24, 23, 0.42); } @keyframes bioThemeMineralDrift { 0% { background-position: 47% 50%; } 100% { background-position: 53% 46%; } } @media (prefers-reduced-motion: reduce) { .public-shell-bio[data-page-theme="mineral_lime"], .bio-preview-public-copy[data-page-theme="mineral_lime"] { animation: none !important; } }