$mdc-theme-primary: #3f51b5; /* Indigo 500 */ $mdc-theme-accent: #ff4081; /* Pink A200 */ $mdc-theme-background: #fff; /* White */ // Form field $mdc-form-field-item-spacing: 4px; // Textfield $mdc-textfield-error-on-light: #d50000; $mdc-textfield-error-on-dark: #ff6e6e; $mdc-textfield-divider-on-light: rgba(black, .26); $mdc-textfield-divider-on-dark: rgba(white, .12); $mdc-textfield-disabled-border-on-light: rgba(#231f20, .26); $mdc-textfield-disabled-border-on-dark: rgba(white, .3); // Checkbox $mdc-checkbox-mark-color: white !default; $mdc-checkbox-border-color: rgba(black, .54) !default; $mdc-checkbox-border-color-dark: white !default; $mdc-checkbox-disabled-color: rgba(black, .26) !default; $mdc-checkbox-disabled-color-dark: rgba(white, .3) !default; $mdc-checkbox-touch-area: 40px; $mdc-checkbox-size: 18px; $mdc-checkbox-ui-pct: percentage($mdc-checkbox-size / $mdc-checkbox-touch-area); $mdc-checkbox-mark-stroke-size: 2/15 * $mdc-checkbox-size; $mdc-checkbox-border-width: 2px; $mdc-checkbox-transition-duration: 90ms; $mdc-checkbox-item-spacing: 4px; /* Manual calculation done on SVG */ $_mdc-checkbox-mark-path-length: 29.7833385; $_mdc-checkbox-indeterminate-checked-easing-function: cubic-bezier(.14, 0, 0, 1); // Radio $mdc-radio-touch-area: 40px; $mdc-radio-ui-size: 20px; $mdc-radio-ui-pct: percentage($mdc-radio-ui-size / $mdc-radio-touch-area); $mdc-radio-transition-duration: 120ms; // Switch $mdc-switch-track-width: 34px; $mdc-switch-track-height: 14px; $mdc-switch-knob-diameter: 20px; $mdc-switch-focus-ring-diameter: 48px; $mdc-switch-knob-active-margin: $mdc-switch-track-width - $mdc-switch-knob-diameter; $mdc-switch-unchecked-track-color: #000; $mdc-switch-unchecked-knob-color: #fafafa; $mdc-switch-unchecked-focus-ring-color: #9e9e9e; $mdc-switch-unchecked-knob-color-dark: #bdbdbd; $mdc-switch-unchecked-track-color-dark: #fff; $mdc-switch-unchecked-focus-ring-color-dark: #f1f1f1; $mdc-switch-disabled-knob-color: #bdbdbd; $mdc-switch-disabled-knob-color-dark: #424242; $mdc-switch-transition-duration: 175ms; $mdc-switch-transition-curve: cubic-bezier(.4, 0, .2, 1); // Custom $base-font: 'Roboto', sans-serif; $mono-font: 'Roboto Mono', monospace; $base-font-size: 18px; $base-v-space: 8px; $primary-on-light: $mdc-theme-primary; $primary-on-dark: $mdc-theme-primary; $accent-on-light: $mdc-theme-accent; $accent-on-dark: $mdc-theme-accent; $text-primary-on-light: map-get($mdc-theme-property-values, text-primary-on-light); $text-primary-on-dark: map-get($mdc-theme-property-values, text-primary-on-dark); $text-hint-on-light: map-get($mdc-theme-property-values, text-hint-on-light); $text-hint-on-dark: map-get($mdc-theme-property-values, text-hint-on-dark); $success-on-light: #1B5E20; $success-on-dark: #81C784; $error-on-light: $mdc-textfield-error-on-light; $error-on-dark: $mdc-textfield-error-on-dark; $border-on-light: $mdc-textfield-divider-on-light; $border-on-dark: $mdc-textfield-divider-on-dark; $lightest-grey: #f1f1f1;