body { font-family: monospace; } ul { font-family: helvética; } li { list-style: circle; } .list { list-style: square; } { font-family: monospace; } .light-theme { } color: #191970 background #00FF00 } :root { --blue: #191970; --green: #00FF00; --black: #000000; } .light-theme { -- bg: var(--blue); --fontColor: var(--black); -- btnbg: var(--blue); --btnFontColor: var (--green); } .dark-theme { --bg: var(--green); --fontColor: var(--blue); --btnBg: var (var(--black)); --btnFontColor: var(var(--green)); } *{ color.var (--fontColor); font-family:helvetica; } background:var(--bg); } .btn { color: var (--btnFontColor); background-color: var (--btnBg); } .btn { position: absolute top: 20px; left: 250px; height: 50px; width: 50px; border-radius: 50px; border: none; color: var(--btnFontColor); background-color: var (--btnBg) ; } btn:focus {outline-style: none; } }