/* Change global color variables https://usebilly.app/en/support/custom-css */ /* Change global color variables */ :root { /* --primary: #121212; /* default text */ /*--primary-dark: blue; /* address, date, no. */ /*--primary-light: orange; /* second alternating row */ /*--primary-extralight: green; /* first alternating row */ --accent: #FF4500; /* total header */ --accent-dark: #121212; /* total value */ --accent-light: #FFC999; /* total background value */ --accent-extralight: #FFE7CC; /* total background header */ } /* Change font, recolor headline, remove bold style, add more letter-spacing */ h1 { color: #ff4500; font-weight: 400; letter-spacing: 0.025em; font-size: 0.75rem; } .address-row, .address-row span { font-family: "MD IO" } /* Remove bold style */ .address-row span, .footer section small span, .footer section small b { font-weight: normal !important; /* or font-weight: 400; */ } /* Enable square punctuation and legible forms for MD UI */ .address, .info-table td, .main-table td, .total-table td { font-feature-settings: "ss01" 1, "ss02" 1; } /* Enable alternate ß for MD IO */ .info-table th, .main-table th, .total-table th { font-feature-settings: "ss01" 1; } /* Change table header to primary color */ .info-table tr:last-of-type th, .total-table tr:last-of-type th { color: #121212; } /* Add more letter-spacing */ .footer section small, .footer section small span, .footer section small b, .footer section small i { letter-spacing: 0.025em; } /* Change look of folding-marks */ .folding-mark { width: 0.2rem; height: 0.2rem; border-radius: 1rem; background-color: #ff8c00; }