colours.css
1 /* 2 * SPDX-FileCopyrightText: Amolith <amolith@secluded.site> 3 * 4 * SPDX-License-Identifier: CC0-1.0 5 */ 6 7 :root { 8 --primary: hsl(224, 95%, 45%); /* Blue #0640e0 */ 9 --link: var(--primary); 10 --text: hsl(0, 0%, 18%); 11 --page-background: hsl(0, 0%, 100%); 12 --card-border: hsl(0, 0%, 18%); 13 --card-background: hsl(0, 0%, 97%); 14 --action: hsl(100, 95%, 20%); 15 /* --warning: hsl(20, 100%, 41%);*/ 16 } 17 18 @media (prefers-color-scheme: dark) { 19 :root { 20 --primary: hsl(224, 100%, 67%); 21 --text: hsl(0, 0%, 88%); 22 --page-background: hsl(0, 0%, 9%); 23 --card-border: hsl(0, 0%, 26%); 24 --card-background: hsl(0, 0%, 11%); 25 --action: hsl(100, 95%, 45%); 26 /* --warning: hsl(20, 100%, 51%);*/ 27 } 28 29 }