Visit Site

CSS Import Variables

@import "https://raw.githubusercontent.com/Metalloriff/city-fog/main/city-fog-theme.css"

:root {
    /* Background colors */
    --cf-bg0: #2c3946;
    --cf-bg1: #364758;
    --cf-bg2: #42566a;
    
    /* Accent colors */
    --cf-acc0: #7bb1bd;
    --cf-acc1: #BD7BA2;
    
    /* Text colors */
    --cf-txt0: #c3ccd4;
    --cf-txt1: white;

    /* Hover colors */
    --cf-hover0: rgba(255, 255, 255, 0.09);
    --cf-hover1: rgba(255, 255, 255, 0.18);
    --cf-hover2: rgba(255, 255, 255, 0.075);
    
    /* Border radii */
    --cf-br0: 4px;
    --cf-br1: 7px;
    
    /* Rainbow accent color spectrum */
    --cf-red: #be7d7d;
    --cf-orange: #bd987e;
    --cf-yellow: #c5c387;
    --cf-green: #7bbe92;
    --cf-blue: #7cb2bd;
    --cf-purple: #9a88bf;
    --cf-pink: #be7aa1;
    
    /* Font families */
    --cf-font0: Verdana, sans-serif;
    --cf-font1: monospace;
    
    /* Shadows */
    --cf-shadow0: 0 0 7px rgba(0, 0, 0, 0.2);
    --cf-shadow1: 0 0 12px rgba(0, 0, 0, 0.35);
    --cf-shadow2: 0 0 15px rgba(0, 0, 0, 0.5);
}