mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 02:58:28 -04:00
192 lines
5.0 KiB
SCSS
192 lines
5.0 KiB
SCSS
@charset "UTF-8";
|
|
|
|
// Dark & Light Themes
|
|
$themes: (
|
|
light: (
|
|
background: #ffffff,
|
|
background-top: #fcfcfc,
|
|
text: #202020,
|
|
medium-dark: #515151,
|
|
medium: #5e5e5e,
|
|
medium-light: #757575,
|
|
light: #d2d2d2,
|
|
kinda-light: #e3e3e3,
|
|
super-light: #f4f4f4,
|
|
super-duper-light: #fbfbfb,
|
|
links: #0e6dc2,
|
|
),
|
|
dark: (
|
|
background: #292929,
|
|
background-top: #202020,
|
|
text: #efefef,
|
|
medium-dark: #d0d0d0,
|
|
medium: #b1b1b1,
|
|
medium-light: #929292,
|
|
light: #646464,
|
|
kinda-light: #535353,
|
|
super-light: #272727,
|
|
super-duper-light: #1f1f1f,
|
|
links: #85baea,
|
|
),
|
|
);
|
|
|
|
// Colorful Homepage
|
|
$colors-home: (
|
|
boston: (
|
|
light: #fb4d42,
|
|
dark: #ff5146,
|
|
),
|
|
jamstack: (
|
|
light: #04a699,
|
|
dark: #08bbac,
|
|
),
|
|
javascript: (
|
|
light: #f48024,
|
|
dark: #e18431,
|
|
),
|
|
node: (
|
|
light: #6fbc4e,
|
|
dark: #84d95f,
|
|
),
|
|
golang: (
|
|
light: #00acd7,
|
|
dark: #2ad1fb,
|
|
),
|
|
react: (
|
|
light: #4fb3cd,
|
|
dark: #6fcbe3,
|
|
),
|
|
angular: (
|
|
light: #c3002f,
|
|
dark: #f95757,
|
|
),
|
|
php: (
|
|
light: #8892bf,
|
|
dark: #a4afe3,
|
|
),
|
|
ruby: (
|
|
light: #d34135,
|
|
dark: #f95a4d,
|
|
),
|
|
python: (
|
|
light: #fea500,
|
|
dark: #ffbb3c,
|
|
),
|
|
java: (
|
|
light: #ab6311,
|
|
dark: #e86a2c,
|
|
),
|
|
infosec: (
|
|
light: #00b81a,
|
|
dark: #57f06d,
|
|
),
|
|
server: (
|
|
light: #0098ec,
|
|
dark: #43b9fb,
|
|
),
|
|
devops: (
|
|
light: #ff6200,
|
|
dark: #f46c16,
|
|
),
|
|
containers: (
|
|
light: #c48f49,
|
|
dark: #ca9249,
|
|
),
|
|
y2k: (
|
|
light: #4169e1,
|
|
dark: #8ca9ff,
|
|
),
|
|
jbb: (
|
|
light: #9932cc,
|
|
dark: #d588fb,
|
|
),
|
|
birthday: (
|
|
light: #e40088,
|
|
dark: #fd40b1,
|
|
),
|
|
github: (
|
|
light: #8d4eff,
|
|
dark: #a379f0,
|
|
),
|
|
linkedin: (
|
|
light: #0073b1,
|
|
dark: #3b9dd2,
|
|
),
|
|
twitter: (
|
|
light: #00acee,
|
|
dark: #3bc9ff,
|
|
),
|
|
dm: (
|
|
light: #00acee,
|
|
dark: #3bc9ff,
|
|
),
|
|
facebook: (
|
|
light: #4267b2,
|
|
dark: #5f8dec,
|
|
),
|
|
instagram: (
|
|
light: #a37754,
|
|
dark: #c49169,
|
|
),
|
|
mastodon: (
|
|
light: #6d8ca7,
|
|
dark: #87b0d5,
|
|
),
|
|
resume: (
|
|
light: #d54b3d,
|
|
dark: #f46151,
|
|
),
|
|
email: (
|
|
light: #de0c0c,
|
|
dark: #ff5050,
|
|
),
|
|
pgp: (
|
|
light: #757575,
|
|
dark: #979797,
|
|
),
|
|
sms: (
|
|
light: #6fcc01,
|
|
dark: #8edb34,
|
|
),
|
|
news-1: (
|
|
light: #ff1b1b,
|
|
dark: #f06060,
|
|
),
|
|
news-2: (
|
|
light: #f78200,
|
|
dark: #fd992a,
|
|
),
|
|
news-3: (
|
|
light: #f2b702,
|
|
dark: #ffcc2e,
|
|
),
|
|
news-4: (
|
|
light: #5ebd3e,
|
|
dark: #78df55,
|
|
),
|
|
news-5: (
|
|
light: #009cdf,
|
|
dark: #29bfff,
|
|
),
|
|
news-6: (
|
|
light: #3e49bb,
|
|
dark: #7b87ff,
|
|
),
|
|
news-7: (
|
|
light: #973999,
|
|
dark: #db60dd,
|
|
),
|
|
);
|
|
$color-serverless: #87cef7;
|
|
|
|
// For nifty color swapping on svg logo hover in components/_header.scss
|
|
$color-logo1: #6fbc4e;
|
|
$color-logo2: #ffb900;
|
|
$color-logo3: #009cdf;
|
|
|
|
// Icons (modified twemojis)
|
|
// lightbulb on
|
|
$icon-bulb-on: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjIgMTEuMDZjMCA2LjQ0LTUgNy40NC01IDEzLjQ0IDAgMy4xLTMuMTIgMy4zNi01LjUgMy4zNi0yLjA1IDAtNi41OS0uNzgtNi41OS0zLjM2IDAtNi00LjkxLTctNC45MS0xMy40NEMwIDUuMDMgNS4yOS4xNCAxMS4wOC4xNCAxNi44OC4xNCAyMiA1LjAzIDIyIDExLjA2eiIgZmlsbD0iI0ZGRDk4MyIvPjxwYXRoIGQ9Ik0xNS4xNyAzMi41YzAgLjgzLTIuMjQgMi41LTQuMTcgMi41LTEuOTMgMC00LjE3LTEuNjctNC4xNy0yLjUgMC0uODMgMi4yNC0uNSA0LjE3LS41IDEuOTMgMCA0LjE3LS4zMyA0LjE3LjV6IiBmaWxsPSIjQ0NENkREIi8+PHBhdGggZD0iTTE1LjcgMTAuM2ExIDEgMCAwMC0xLjQgMEwxMSAxMy41OGwtMy4zLTMuM2ExIDEgMCAxMC0xLjQgMS40MmwzLjcgMy43VjI2YTEgMSAwIDEwMiAwVjE1LjQxbDMuNy0zLjdhMSAxIDAgMDAwLTEuNDJ6IiBmaWxsPSIjRkZDQzREIi8+PHBhdGggZD0iTTE3IDMxYTIgMiAwIDAxLTIgMkg3YTIgMiAwIDAxLTItMnYtNmgxMnY2eiIgZmlsbD0iIzk5QUFCNSIvPjxwYXRoIGQ9Ik01IDMyYTEgMSAwIDAxLS4xNi0xLjk5bDEyLTJhMSAxIDAgMTEuMzMgMS45N2wtMTIgMkEuOTMuOTMgMCAwMTUgMzJ6bTAtNGExIDEgMCAwMS0uMTYtMS45OWwxMi0yYTEgMSAwIDExLjMzIDEuOTdsLTEyIDJBLjkzLjkzIDAgMDE1IDI4eiIgZmlsbD0iI0NDRDZERCIvPjwvZz48L3N2Zz4K";
|
|
// lightbulb off
|
|
$icon-bulb-off: "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjIgMTEuMDZjMCA2LjQ0LTUgNy40NC01IDEzLjQ0IDAgMy4xLTMuMTIgMy4zNi01LjUgMy4zNi0yLjA1IDAtNi41OS0uNzgtNi41OS0zLjM2IDAtNi00LjkxLTctNC45MS0xMy40NEMwIDUuMDMgNS4yOS4xNCAxMS4wOC4xNCAxNi44OC4xNCAyMiA1LjAzIDIyIDExLjA2eiIgZmlsbD0iI0NDQ0JDQiIvPjxwYXRoIGQ9Ik0xNS4xNyAzMi41YzAgLjgzLTIuMjQgMi41LTQuMTcgMi41LTEuOTMgMC00LjE3LTEuNjctNC4xNy0yLjUgMC0uODMgMi4yNC0uNSA0LjE3LS41IDEuOTMgMCA0LjE3LS4zMyA0LjE3LjV6IiBmaWxsPSIjQ0NENkREIi8+PHBhdGggZD0iTTE1LjcgMTAuM2ExIDEgMCAwMC0xLjQgMEwxMSAxMy41OGwtMy4zLTMuM2ExIDEgMCAxMC0xLjQgMS40MmwzLjcgMy43VjI2YTEgMSAwIDEwMiAwVjE1LjQxbDMuNy0zLjdhMSAxIDAgMDAwLTEuNDJ6IiBmaWxsPSIjN0Q3QTcyIi8+PHBhdGggZD0iTTE3IDMxYTIgMiAwIDAxLTIgMkg3YTIgMiAwIDAxLTItMnYtNmgxMnY2eiIgZmlsbD0iIzk5QUFCNSIvPjxwYXRoIGQ9Ik01IDMyYTEgMSAwIDAxLS4xNi0xLjk5bDEyLTJhMSAxIDAgMTEuMzMgMS45N2wtMTIgMkEuOTMuOTMgMCAwMTUgMzJ6bTAtNGExIDEgMCAwMS0uMTYtMS45OWwxMi0yYTEgMSAwIDExLjMzIDEuOTdsLTEyIDJBLjkzLjkzIDAgMDE1IDI4eiIgZmlsbD0iI0NDRDZERCIvPjwvZz48L3N2Zz4K";
|