-
-
Save MattJamesChampion/1be6eb550c379dfaf2e4dba146432068 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style id="b-theme-variables"> | |
| :root | |
| { | |
| --b-theme-white: #ffffff; | |
| --b-theme-black: #343a40; | |
| --b-border-radius: .25rem; | |
| --b-border-radius-lg: .3rem; | |
| --b-border-radius-sm: .2rem; | |
| --b-theme-primary: #42a5f5; | |
| --b-theme-primary-r: 66; | |
| --b-theme-primary-g: 165; | |
| --b-theme-primary-b: 245; | |
| --b-theme-primary-a: 1.00; | |
| --b-button-primary-background: #42A5F5; | |
| --b-button-primary-border: #42A5F5; | |
| --b-button-primary-hover-background: #388CD0; | |
| --b-button-primary-hover-border: #67B7F7; | |
| --b-button-primary-active-background: #3484C4; | |
| --b-button-primary-active-border: #71BBF7; | |
| --b-button-primary-yiq-background: #FFFFFF; | |
| --b-button-primary-yiq-hover-background: #FFFFFF; | |
| --b-button-primary-yiq-active-background: #FFFFFF; | |
| --b-button-primary-box-shadow: #5EB2F67F; | |
| --b-outline-button-primary-color: #42A5F5; | |
| --b-outline-button-primary-yiq-shadow: #FFFFFF; | |
| --b-outline-button-primary-box-shadow: #42A5F57F; | |
| --b-outline-button-primary-hover-color: #67B7F7; | |
| --b-outline-button-primary-active-color: #3484C4; | |
| --b-snackbar-background-primary: #6FBAF7; | |
| --b-snackbar-text-primary: #343A40; | |
| --b-snackbar-button-primary: #1F2226; | |
| --b-snackbar-button-hover-primary: #85888C; | |
| --b-steps-item-primary-icon-color: #42A5F5; | |
| --b-steps-item-primary-icon-yiq: #FFFFFF; | |
| --b-steps-item-primary-text-color: #42A5F5; | |
| --b-page-progress-indicator-primary: #42A5F5; | |
| --b-rating-primary-color: #42A5F5; | |
| --b-theme-secondary: #757575; | |
| --b-theme-secondary-r: 117; | |
| --b-theme-secondary-g: 117; | |
| --b-theme-secondary-b: 117; | |
| --b-theme-secondary-a: 1.00; | |
| --b-button-secondary-background: #757575; | |
| --b-button-secondary-border: #757575; | |
| --b-button-secondary-hover-background: #636363; | |
| --b-button-secondary-hover-border: #909090; | |
| --b-button-secondary-active-background: #5D5D5D; | |
| --b-button-secondary-active-border: #979797; | |
| --b-button-secondary-yiq-background: #FFFFFF; | |
| --b-button-secondary-yiq-hover-background: #FFFFFF; | |
| --b-button-secondary-yiq-active-background: #FFFFFF; | |
| --b-button-secondary-box-shadow: #8989897F; | |
| --b-outline-button-secondary-color: #757575; | |
| --b-outline-button-secondary-yiq-shadow: #FFFFFF; | |
| --b-outline-button-secondary-box-shadow: #7575757F; | |
| --b-outline-button-secondary-hover-color: #909090; | |
| --b-outline-button-secondary-active-color: #5D5D5D; | |
| --b-snackbar-background-secondary: #969696; | |
| --b-snackbar-text-secondary: #FFFFFF; | |
| --b-snackbar-button-secondary: #999999; | |
| --b-snackbar-button-hover-secondary: #FFFFFF; | |
| --b-steps-item-secondary-icon-color: #757575; | |
| --b-steps-item-secondary-icon-yiq: #FFFFFF; | |
| --b-steps-item-secondary-text-color: #757575; | |
| --b-page-progress-indicator-secondary: #757575; | |
| --b-rating-secondary-color: #757575; | |
| --b-theme-success: #4caf50; | |
| --b-theme-success-r: 76; | |
| --b-theme-success-g: 175; | |
| --b-theme-success-b: 80; | |
| --b-theme-success-a: 1.00; | |
| --b-button-success-background: #4CAF50; | |
| --b-button-success-border: #4CAF50; | |
| --b-button-success-hover-background: #409444; | |
| --b-button-success-hover-border: #6FBF73; | |
| --b-button-success-active-background: #3C8C40; | |
| --b-button-success-active-border: #78C37B; | |
| --b-button-success-yiq-background: #FFFFFF; | |
| --b-button-success-yiq-hover-background: #FFFFFF; | |
| --b-button-success-yiq-active-background: #FFFFFF; | |
| --b-button-success-box-shadow: #66BB6A7F; | |
| --b-outline-button-success-color: #4CAF50; | |
| --b-outline-button-success-yiq-shadow: #FFFFFF; | |
| --b-outline-button-success-box-shadow: #4CAF507F; | |
| --b-outline-button-success-hover-color: #6FBF73; | |
| --b-outline-button-success-active-color: #3C8C40; | |
| --b-snackbar-background-success: #76C27A; | |
| --b-snackbar-text-success: #343A40; | |
| --b-snackbar-button-success: #1F2226; | |
| --b-snackbar-button-hover-success: #85888C; | |
| --b-steps-item-success-icon-color: #4CAF50; | |
| --b-steps-item-success-icon-yiq: #FFFFFF; | |
| --b-steps-item-success-text-color: #4CAF50; | |
| --b-page-progress-indicator-success: #4CAF50; | |
| --b-rating-success-color: #4CAF50; | |
| --b-theme-info: #00bcd4; | |
| --b-theme-info-r: 0; | |
| --b-theme-info-g: 188; | |
| --b-theme-info-b: 212; | |
| --b-theme-info-a: 1.00; | |
| --b-button-info-background: #00BCD4; | |
| --b-button-info-border: #00BCD4; | |
| --b-button-info-hover-background: #009FB4; | |
| --b-button-info-hover-border: #33C9DC; | |
| --b-button-info-active-background: #0096A9; | |
| --b-button-info-active-border: #3FCCDE; | |
| --b-button-info-yiq-background: #FFFFFF; | |
| --b-button-info-yiq-hover-background: #FFFFFF; | |
| --b-button-info-yiq-active-background: #FFFFFF; | |
| --b-button-info-box-shadow: #26C6DA7F; | |
| --b-outline-button-info-color: #00BCD4; | |
| --b-outline-button-info-yiq-shadow: #FFFFFF; | |
| --b-outline-button-info-box-shadow: #00BCD47F; | |
| --b-outline-button-info-hover-color: #33C9DC; | |
| --b-outline-button-info-active-color: #0096A9; | |
| --b-snackbar-background-info: #3DCCDE; | |
| --b-snackbar-text-info: #343A40; | |
| --b-snackbar-button-info: #1F2226; | |
| --b-snackbar-button-hover-info: #85888C; | |
| --b-steps-item-info-icon-color: #00BCD4; | |
| --b-steps-item-info-icon-yiq: #FFFFFF; | |
| --b-steps-item-info-text-color: #00BCD4; | |
| --b-page-progress-indicator-info: #00BCD4; | |
| --b-rating-info-color: #00BCD4; | |
| --b-theme-warning: #ffeb3b; | |
| --b-theme-warning-r: 255; | |
| --b-theme-warning-g: 235; | |
| --b-theme-warning-b: 59; | |
| --b-theme-warning-a: 1.00; | |
| --b-button-warning-background: #FFEB3B; | |
| --b-button-warning-border: #FFEB3B; | |
| --b-button-warning-hover-background: #D8C732; | |
| --b-button-warning-hover-border: #FFEF62; | |
| --b-button-warning-active-background: #CCBC2F; | |
| --b-button-warning-active-border: #FFF06C; | |
| --b-button-warning-yiq-background: #343A40; | |
| --b-button-warning-yiq-hover-background: #343A40; | |
| --b-button-warning-yiq-active-background: #343A40; | |
| --b-button-warning-box-shadow: #E0D03B7F; | |
| --b-outline-button-warning-color: #FFEB3B; | |
| --b-outline-button-warning-yiq-shadow: #343A40; | |
| --b-outline-button-warning-box-shadow: #FFEB3B7F; | |
| --b-outline-button-warning-hover-color: #FFEF62; | |
| --b-outline-button-warning-active-color: #CCBC2F; | |
| --b-snackbar-background-warning: #FFEF6A; | |
| --b-snackbar-text-warning: #343A40; | |
| --b-snackbar-button-warning: #1F2226; | |
| --b-snackbar-button-hover-warning: #85888C; | |
| --b-steps-item-warning-icon-color: #FFEB3B; | |
| --b-steps-item-warning-icon-yiq: #343A40; | |
| --b-steps-item-warning-text-color: #FFEB3B; | |
| --b-page-progress-indicator-warning: #FFEB3B; | |
| --b-rating-warning-color: #FFEB3B; | |
| --b-theme-danger: #f44336; | |
| --b-theme-danger-r: 244; | |
| --b-theme-danger-g: 67; | |
| --b-theme-danger-b: 54; | |
| --b-theme-danger-a: 1.00; | |
| --b-button-danger-background: #F44336; | |
| --b-button-danger-border: #F44336; | |
| --b-button-danger-hover-background: #CF382D; | |
| --b-button-danger-hover-border: #F6685E; | |
| --b-button-danger-active-background: #C3352B; | |
| --b-button-danger-active-border: #F67268; | |
| --b-button-danger-yiq-background: #FFFFFF; | |
| --b-button-danger-yiq-hover-background: #FFFFFF; | |
| --b-button-danger-yiq-active-background: #FFFFFF; | |
| --b-button-danger-box-shadow: #F55F547F; | |
| --b-outline-button-danger-color: #F44336; | |
| --b-outline-button-danger-yiq-shadow: #FFFFFF; | |
| --b-outline-button-danger-box-shadow: #F443367F; | |
| --b-outline-button-danger-hover-color: #F6685E; | |
| --b-outline-button-danger-active-color: #C3352B; | |
| --b-snackbar-background-danger: #F67066; | |
| --b-snackbar-text-danger: #343A40; | |
| --b-snackbar-button-danger: #1F2226; | |
| --b-snackbar-button-hover-danger: #85888C; | |
| --b-steps-item-danger-icon-color: #F44336; | |
| --b-steps-item-danger-icon-yiq: #FFFFFF; | |
| --b-steps-item-danger-text-color: #F44336; | |
| --b-page-progress-indicator-danger: #F44336; | |
| --b-rating-danger-color: #F44336; | |
| --b-theme-light: #f5f5f5; | |
| --b-theme-light-r: 245; | |
| --b-theme-light-g: 245; | |
| --b-theme-light-b: 245; | |
| --b-theme-light-a: 1.00; | |
| --b-button-light-background: #F5F5F5; | |
| --b-button-light-border: #F5F5F5; | |
| --b-button-light-hover-background: #D0D0D0; | |
| --b-button-light-hover-border: #F7F7F7; | |
| --b-button-light-active-background: #C4C4C4; | |
| --b-button-light-active-border: #F7F7F7; | |
| --b-button-light-yiq-background: #343A40; | |
| --b-button-light-yiq-hover-background: #343A40; | |
| --b-button-light-yiq-active-background: #343A40; | |
| --b-button-light-box-shadow: #D8D8D97F; | |
| --b-outline-button-light-color: #F5F5F5; | |
| --b-outline-button-light-yiq-shadow: #343A40; | |
| --b-outline-button-light-box-shadow: #F5F5F57F; | |
| --b-outline-button-light-hover-color: #F7F7F7; | |
| --b-outline-button-light-active-color: #C4C4C4; | |
| --b-snackbar-background-light: #F7F7F7; | |
| --b-snackbar-text-light: #343A40; | |
| --b-snackbar-button-light: #1F2226; | |
| --b-snackbar-button-hover-light: #85888C; | |
| --b-steps-item-light-icon-color: #F5F5F5; | |
| --b-steps-item-light-icon-yiq: #343A40; | |
| --b-steps-item-light-text-color: #F5F5F5; | |
| --b-page-progress-indicator-light: #F5F5F5; | |
| --b-rating-light-color: #F5F5F5; | |
| --b-theme-dark: #424242; | |
| --b-theme-dark-r: 66; | |
| --b-theme-dark-g: 66; | |
| --b-theme-dark-b: 66; | |
| --b-theme-dark-a: 1.00; | |
| --b-button-dark-background: #424242; | |
| --b-button-dark-border: #424242; | |
| --b-button-dark-hover-background: #383838; | |
| --b-button-dark-hover-border: #676767; | |
| --b-button-dark-active-background: #343434; | |
| --b-button-dark-active-border: #717171; | |
| --b-button-dark-yiq-background: #FFFFFF; | |
| --b-button-dark-yiq-hover-background: #FFFFFF; | |
| --b-button-dark-yiq-active-background: #FFFFFF; | |
| --b-button-dark-box-shadow: #5E5E5E7F; | |
| --b-outline-button-dark-color: #424242; | |
| --b-outline-button-dark-yiq-shadow: #FFFFFF; | |
| --b-outline-button-dark-box-shadow: #4242427F; | |
| --b-outline-button-dark-hover-color: #676767; | |
| --b-outline-button-dark-active-color: #343434; | |
| --b-snackbar-background-dark: #6F6F6F; | |
| --b-snackbar-text-dark: #FFFFFF; | |
| --b-snackbar-button-dark: #999999; | |
| --b-snackbar-button-hover-dark: #FFFFFF; | |
| --b-steps-item-dark-icon-color: #424242; | |
| --b-steps-item-dark-icon-yiq: #FFFFFF; | |
| --b-steps-item-dark-text-color: #424242; | |
| --b-page-progress-indicator-dark: #424242; | |
| --b-rating-dark-color: #424242; | |
| --b-tooltip-border-radius: .25rem; | |
| --b-breadcrumb-color: #42a5f5; | |
| } | |
| </style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment