@sorrel340/gatsby-theme-portfolio-minimal
Version:
#### A modern one-page portfolio with a clean yet expressive design.
42 lines (40 loc) • 1.36 kB
CSS
body[data-theme='lightTheme'] {
--primary-color: #000000;
--secondary-color: #fff4d9;
--tertiary-color: #f2f2f2;
--text-color: #000000;
--subtext-color: #555555;
--background-color: #ffffff;
--card-background-color: #ffffff;
--scroll-bar-color: rgba(0, 0, 0, 0.5);
--box-shadow-color: rgba(0, 0, 0, 0.16);
--box-shadow-hover-color: rgba(0, 0, 0, 0.32);
--base-font: 'Roboto', Arial, sans-serif;
--code-block-bg: #f5f6f9;
--code-block-var: #da0078;
--code-block-num: #bf04b7;
--code-block-fun: #3d5afe;
--code-block-keyword: #fe4001;
--code-block-comment: #7f7f7f;
--code-block-tkimp: #fd971f;
}
body[data-theme='darkTheme'] {
--primary-color: #fafafa;
--secondary-color: #341677;
--tertiary-color: #252525;
--text-color: rgba(255, 255, 255, 0.87);
--subtext-color: #aaaaaa;
--background-color: #121212;
--card-background-color: #1c1c1c;
--scroll-bar-color: rgba(255, 255, 255, 0.5);
--box-shadow-color: rgba(0, 0, 0, 0.16);
--box-shadow-hover-color: rgba(0, 0, 0, 0.32);
--base-font: 'Roboto', Arial, sans-serif;
--code-block-bg: #151f28;
--code-block-var: #ff39a7;
--code-block-num: #fed703;
--code-block-fun: #c653ff;
--code-block-keyword: #2bdcff;
--code-block-comment: #8292a2;
--code-block-tkimp: #fd971f;
}