Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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