60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
/* 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";
|
|
font-feature-settings: "ss01" 1;
|
|
}
|
|
|
|
/* 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;
|
|
} |