View code
Login to save to project
    Themes
    Link
    Font family
    Scss code
    Copy code
                  
      :root {
        --color-bg: hsl(0, 0%, 100%);
        --color-highest: hsl(0, 0%, 0%);
        --color-higher: hsl(0, 0%, 10%);
        --color-high: hsl(0, 0%, 30%);
        --color-mid: hsl(0, 0%, 50%);
      
        /* Primary */
        --primary-color-lightest: hsl(220, 90%, 76%);
        --primary-color-lighter: hsl(220, 90%, 66%);
        --primary-color: #476bd5;
        --primary-color-darker: hsl(220, 90%, 46%);
        --primary-color-darkest: hsl(220, 90%, 36%);
      
        /* Secondary */
        --secondary-color-lightest: hsl(287, 65%, 60%);
        --secondary-color-lighter: hsl(287, 65%, 50%);
        --secondary-color: #8e24aa;
        --secondary-color-darker: hsl(287, 65%, 30%);
        --secondary-color-darkest: hsl(287, 65%, 20%);
      
        /* Success */
        --success-color-lightest: hsl(123, 44%, 69%);
        --success-color-lighter: hsl(123, 44%, 59%);
        --success-color: #43aa8b;
        --success-color-darker: hsl(123, 44%, 39%);
        --success-color-darkest: hsl(123, 44%, 29%);
      
        /* Warning */
        --warning-color-lightest: hsl(42, 93%, 84%);
        --warning-color-lighter: hsl(42, 93%, 74%);
        --warning-color: #f9c74f;
        --warning-color-darker: hsl(42, 93%, 54%);
        --warning-color-darkest: hsl(42, 93%, 44%);
      
        /* Error */
        --error-color-lightest: hsl(0, 65%, 71%);
        --error-color-lighter: hsl(0, 65%, 61%);
        --error-color: #bb0a30;
        --error-color-darker: hsl(0, 65%, 41%);
        --error-color-darkest: hsl(0, 65%, 31%);
      
        --primary-color-alt: #c51164;
        --border-color: #eee;
      }
                    
    
                
    Login to Kodhus.com
    Email or password incorrect