Skip to content

Instantly share code, notes, and snippets.

@artnal404

artnal404/root-vars.css

Created March 7, 2021 12:58
Show Gist options
  • Save artnal404/e67f1afc263f5eea0cd405acf898e349 to your computer and use it in GitHub Desktop.
Save artnal404/e67f1afc263f5eea0cd405acf898e349 to your computer and use it in GitHub Desktop.
Download ZIP
CSS-color-theming-thru-css-vars
Raw
root-vars.css
/* CSS palette HEX */
:root {
--primary-color : #ffe733ff;
--primary-color-dark: #b8a200ff;
--secondary-color: #12ba63ff;
--secondary-color-dark: #095d32ff;
--third-color: #004766;
--third-color-dark: #001D29;
--primary-bg-color: var(--primary-color);
--secondary-bg-color: var(--secondary-color);
--alter-bg-color: var(--third-color-dark);
--linear-gradient-build: linear-gradient( var(--angle,180), var(--startColor, #000), var(--startPos,0), var(,#fff), var(--endPos));
--base-linear-gradient: linear-gradient( var(--angle,135), --primary-bg-color 0%, --secondary-bg-color 100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment