Packages

mbta_metro

0.3.3
1.1.2 1.1.1 1.1.0 1.0.1 1.0.0 0.3.3 0.3.2 0.3.1 0.3.0 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.21 0.1.20 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0 0.0.65 0.0.64 0.0.62 0.0.61 0.0.60 0.0.58 0.0.57 0.0.56 0.0.55 0.0.54 0.0.53 0.0.52 0.0.51 0.0.50 0.0.49 0.0.48 0.0.47 0.0.46 0.0.45 0.0.44 0.0.43 0.0.42 0.0.41 0.0.40 0.0.39 0.0.34 0.0.30 0.0.27 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1 0.0.1-alpha

A Phoenix LiveView component library

HexDocs

Current section

Files

Jump to
Readme
85 Versions
7 Dependencies
Dependants
Files
Activity
mbta_metro priv static assets variables.dark.css
Raw

priv/static/assets/variables.dark.css 

/**

 * Do not edit directly, this file was auto-generated.

 */



:root {

  --colors-charcoal-10: #1c1e23;

  --colors-charcoal-20: #28343e;

  --colors-charcoal-30: #494f5c;

  --colors-charcoal-40: #626a73;

  --colors-charcoal-50: #777f92;

  --colors-charcoal-60: #a0a4b1;

  --colors-charcoal-70: #bdbfc1;

  --colors-charcoal-80: #e8eaee;

  --colors-charcoal-90: #f4f5f7;

  --colors-cobalt-10: #071e31;

  --colors-cobalt-20: #0b2f4c;

  --colors-cobalt-30: #165c96;

  --colors-cobalt-40: #1b73bb;

  --colors-cobalt-50: #4278d6;

  --colors-cobalt-60: #64a8e1;

  --colors-cobalt-70: #a1c6ed;

  --colors-cobalt-80: #cee0f4;

  --colors-cobalt-90: #e2ecf9;

  --colors-gold-10: #3c3002;

  --colors-gold-20: #735d07;

  --colors-gold-30: #a8880b;

  --colors-gold-40: #d8ac00;

  --colors-gold-50: #ffce0c;

  --colors-gold-60: #f9d543;

  --colors-gold-70: #ffe372;

  --colors-gold-80: #fff0b2;

  --colors-gold-90: #fffae9;

  --colors-firebrick-10: #330005;

  --colors-firebrick-20: #660009;

  --colors-firebrick-30: #b3000f;

  --colors-firebrick-40: #c71a28;

  --colors-firebrick-50: #d24b57;

  --colors-firebrick-60: #d36464;

  --colors-firebrick-70: #e18e8e;

  --colors-firebrick-80: #e7bbbb;

  --colors-firebrick-90: #f2dede;

  --colors-emerald-10: #0b3003;

  --colors-emerald-20: #145a06;

  --colors-emerald-30: #208f0a;

  --colors-emerald-40: #2bbf0d;

  --colors-emerald-50: #40df20;

  --colors-emerald-60: #66e54c;

  --colors-emerald-70: #8fe87d;

  --colors-emerald-80: #b8eaae;

  --colors-emerald-90: #dff0d8;

  --colors-amethyst-10: #130e1b;

  --colors-amethyst-20: #302343;

  --colors-amethyst-30: #4d386b;

  --colors-amethyst-40: #664a8d;

  --colors-amethyst-50: #8358bb;

  --colors-amethyst-60: #986ece;

  --colors-amethyst-70: #ae94d1;

  --colors-amethyst-80: #cfc1e1;

  --colors-amethyst-90: #dcd3e8;

  --colors-white: #ffffff;

  --colors-black: #000000;

  --colors-green-line: #00843d;

  --colors-orange-line: #ed8b00;

  --colors-red-line: #da291c;

  --colors-blue-line: #003da5;

  --colors-silver-line: #7c878e;

  --colors-brand-bus: #ffc72c;

  --colors-ferry: #008eaa;

  --colors-the-ride: #52bbc5;

  --colors-commuter-rail: #80276c;

  --colors-swa: #00b5e2;

  --colors-mbta-dark: #212322;

  --colors-dark-winter: #13294b;

  --colors-mid-winter: #147bd1;

  --colors-action-primary-default: #cee0f4;

  --colors-action-primary-hover: #e2ecf9;

  --colors-action-primary-active: #a1c6ed;

  --colors-action-primary-disabled: #e8eaee;

  --colors-action-primary-visited: #cfc1e1; /* Only use this if applicable. Such as in the context of a link. */

  --colors-focus: #64a8e1;

  --font-family-base: Inter, ui-sans-serif, system-ui, sans-serif;

  --font-family-heading: "Helvetica Neue", Helvetica, Inter, Arial, ui-sans-serif, system-ui, sans-serif;

  --font-family-inter: Inter, ui-sans-serif, system-ui, sans-serif;

  --font-family-helvetica: "Helvetica Neue", Helvetica, Inter, Arial, ui-sans-serif, system-ui, sans-serif;

  --border-radius-none: 0;

  --border-radius-xs: 0.125rem;

  --border-radius-default: 0.25rem;

  --border-radius-md: 0.375rem;

  --border-radius-lg: 0.5rem;

  --border-radius-xl: 1rem;

  --border-radius-2xl: 2rem;

  --border-radius-4xl: 4rem;

  --border-radius-full: 624.9375rem;

  --border-radius-sm: 0.25rem;

  --border-width-default: 0.125rem;

  --border-width-xs: 0.0625rem;

  --border-width-sm: 0.125rem;

  --border-width-md: 0.1875rem;

  --border-width-lg: 0.25rem;

  --spacing-none: 0;

  --spacing-xs: 0.25rem;

  --spacing-sm: 0.5rem;

  --spacing-md: 1rem;

  --spacing-lg: 1.5rem;

  --spacing-xl: 2rem;

  --spacing-2xl: 3rem;

  --spacing-px: 0.0625rem;

  --spacing-default: 1rem;

  --font-size-sm: 0.875rem;

  --font-size-default: 1rem;

  --font-size-lg: 1.125rem;

  --font-size-xl: 1.5rem;

  --font-size-2xl: 2rem;

  --font-size-md: 1rem;

  --transition-duration-default: 200ms;

  --line-height-default: 24px; /* Intended to be used with DEFAULT font-size. */

  --line-height-md: 24px;

  --line-height-lg: 32px;

  --line-height-2xl: 48px;

  --line-height-xl: 40px;

  --minimum-tap-target-size: 2.75rem; /* Minimum X and Y dimension in pixels for any tappable target. */

  --text-primary: #ffffff;

  --background-primary: #000000;

  --background-secondary: #1c1e23;

  --background-tertiary: #28343e;

  --text-secondary: #bdbfc1;

  --text-tertiary: #a0a4b1;

  --annotation-text-color: #64a8e1;

  --menu-item-active-border-color: #a1c6ed;

  --menu-item-active-background-color: #a1c6ed;

  --menu-item-active-text-color: #0b2f4c;

  --menu-item-default-text-color: #ffffff;

  --menu-item-default-border-color: #a1c6ed;

  --menu-item-default-background-color: #165c96;

  --submenu-background-color: #e2ecf9;

  --submenu-item-hover-background-color: #cee0f4;

  --submenu-item-active-background-color: #a1c6ed;

  --submenu-category-text-color: #071e31;

  --submenu-divider-border-color: #a1c6ed;

  --navbar-local-background-color: #165c96;

  --navbar-global-background-color: #0b2f4c;

  --button-primary-default-text-color: #165c96;

  --button-primary-default-background-color: #cee0f4;

  --button-primary-default-border-color: #cee0f4;

  --button-primary-active-text-color: #0b2f4c;

  --button-primary-active-background-color: #a1c6ed;

  --button-primary-active-border-color: #a1c6ed;

  --button-secondary-default-text-color: #cee0f4;

  --button-secondary-default-border-color: #cee0f4;

  --button-secondary-default-background-color: #000000;

  --button-secondary-active-text-color: #0b2f4c;

  --button-secondary-active-background-color: #a1c6ed;

  --button-secondary-active-border-color: #a1c6ed;

  --button-secondary-hover-text-color: #e2ecf9;

  --button-secondary-hover-border-color: #e2ecf9;

  --button-secondary-hover-background-color: #0b2f4c;

  --footer-pre-background-color: #e2ecf9;

  --footer-pre-text-color: #ffffff;

  --footer-local-background-color: #165c96;

  --footer-local-text-color: #ffffff;

  --footer-global-background-color: #071e31;

  --footer-global-text-color: #ffffff;

  --menu-mega-sub-category-background-color: #e2ecf9;

  --menu-mega-info-card-background-color: #ffffff;

}