theme.html

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-styles/default-theme.html">
<link rel="import" href="theme-map.html">

<style is="custom-style">
  
:root {
    
    --default-primary-color: #07c5f2;

    --dark-primary-color: #303f9f;

    --light-primary-color: #bbbbbb;

    --text-primary-color: #ccc;

    --accent-color: #ff4081;

    --primary-font-family: 'Open Sans', sans-serif;

    --primary-background-color: #fff;

    --secondary-background-color: #07c5f2;

    --primary-disabled-background-color: #eaeaea;

    --disabled-text-color: #dddddd;

    --primary-text-color: #777;

    --secondary-text-color: #fff;

    --standar-border-radius: 2px;

    --divider-color: #e0e0e0;   

    --header-text-color:#333; 

    --grey-one: #f5f5f5;
    --grey-two: #eeeeee;
    --grey-three: #bbbbbb;
    --grey-four: #777777;
    --grey-five: #555555;
    --grey-six: #333333;
    --grey-seven: #222222;
    --grey-nine: #999999;

    --error-theme-color: #ec5858;

    --light-color: #ffffff;

    --dark-color: #111;
    --dark-color-1: #434a54;
    --dark-color-2: #e1e6ee;
    --dark-color-3: rgba(67, 74, 84, 0.3);

    --base-color: #0098ff;
    --base-color-1: #147be1;
    --base-color-2: #5d9cec;

    --link-color: #147be1;
    --btn-color: #434a54;
    --border-color: #b2b8c0;
    --icon-color: #5d9cec;

    --success-color: #7fad4d;
    --error-color: #da4646;
    --error-heading: #722222;
    
    --footer-text-size: 10px;   
    --header-font-size: 26px;

    --font-size-medium:14px;
    --h4-text-size:16px;
    --t-header-size:55px;
}
</style>