Files
web/src/styles/vars.scss
2024-04-30 15:57:29 -04:00

59 lines
2.1 KiB
SCSS

// these must also be set in vuetify.ts for the "theme"
$green: #00CC33;
$red: #CC0033;
$yellow: #ffcc00;
$blue: #0033CC;
$white: #fdfffe; // just a touch greenblue
$black: #000201; // just a touch greenblue
$arbitrum-color: #12aaff;
$uniswap-color: #ff007a;
$primary: $green;
$primary-50: transparentize($primary,0.5);
$primary-25: transparentize($primary,0.75);
$theme: (
background: $white,
surface: $white,
primary: $blue,
//secondary: $sky,
success: $green,
info: $primary-25,
warning: $yellow,
error: $red,
);
$all-colors: (
white: $white,
black: $black,
blue: $blue,
green: $green,
yellow: $yellow,
red: $red,
uniswap: $uniswap-color,
);
$body-font-family: 'Saira Semi Condensed', monospace, sans-serif; // fairly geometric, horizontal s's, clean sans, readable
//$body-font-family: 'Exo 2', monospace, sans-serif; // good, works with Orbitron
//$body-font-family: 'Jura', monospace, sans-serif; // interesting numbers, zero dot. l-foot but the s is too twisty with light serifs
//$body-font-family: 'Manrope', monospace, sans-serif; // readable, clean, works with Orbitron
//$body-font-family: 'Victor Mono', monospace, sans-serif;
//$body-font-family: 'Space Grotesk', monospace, sans-serif; // silly serifs on caps
//$body-font-family: 'Rajdhani', monospace, sans-serif; // very thin a little hard to read
//$body-font-family: 'Dosis', monospace, sans-serif; // a little informal, to Dilbert-y
//$body-font-family: 'PT Sans', monospace, sans-serif; // not bad but numbers are too seriffy
//$body-font-family: 'Cairo', monospace, sans-serif; // number baseline is jagged
//$body-font-family: 'Nunito', monospace, sans-serif;
//$body-font-family: 'Sofia Sans', monospace, sans-serif;
//$body-font-family: 'Quantico', sans-serif;
//$body-font-family: 'Chakra Petch', sans-serif;
//$heading-font-family: 'Tektur', sans-serif;
$heading-font-family: 'Orbitron', sans-serif;
//$heading-font-family: 'Exo 2', sans-serif;
//$heading-font-family: 'Quantico', sans-serif;
//$heading-font-family: 'Chakra Petch', sans-serif;
$card-maxw: 34em;