@import url("gruvbox-material.css"); :root { --background: var(--bg0); --foreground: var(--fg0); --accent: var(--green); --faint_foreground: var(--grey0); } /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided * to write it this way because i prefer to not use opacity to create colours when possible, instead setting * full-opacity explicit/unmodified colours. opacity is still used to create the dimmer hr in the footer. * I would set the hr full opacity but there isn't really a "dim green" I can use. */ .footer { opacity: 1 !important; color: var(--faint_foreground); } .footer hr { opacity: 0.5; }