|
|
|
|
|
|
|
FONTFAMILY = 'Helvetica' |
|
|
|
FONTSIZES = { |
|
'pred_txt': '1.2rem', |
|
'mod_input_txt': '0.8rem', |
|
'plot_ticks': 14, |
|
'plot_labels': 16, |
|
'plot_bar_txt': 14, |
|
'btn': '1rem', |
|
'sidebar_txt': '0.95rem', |
|
'sidebar_title': '1.8rem', |
|
'made_by_txt': '0.75rem' |
|
} |
|
|
|
CLRS = { |
|
'pred_txt': 'white', |
|
'sidebar': 'white', |
|
'sidebar_txt': 'black', |
|
'base_bar': 'rgb(158, 202, 225)', |
|
'base_bar_line': 'rgb(8, 48, 107)', |
|
'pred_bar': 'rgb(240, 140, 140)', |
|
'pred_bar_line': 'rgb(180, 0, 0)', |
|
'plot_txt': 'black', |
|
'prob_plot_bg': 'white', |
|
'prob_plot_grid': 'rgb(225, 225, 225)', |
|
'img_plot_bg': 'black', |
|
'btn_base': 'white', |
|
'btn_hover': 'rgb(200, 200, 200)', |
|
'page_bg': 'rgb(150, 150, 150)', |
|
'made_by_txt': 'rgb(180, 180, 180)' |
|
} |
|
|
|
|
|
|
|
|
|
|
|
BTN_STYLESHEET = f''' |
|
:host(.solid) .bk-btn {{ |
|
background-color: {CLRS['btn_base']}; |
|
border: black solid 0.1rem; |
|
border-radius: 0.8rem; |
|
font-size: {FONTSIZES['btn']}; |
|
padding-top: 0.3rem; |
|
padding-bottom: 0.3rem; |
|
}} |
|
|
|
:host(.solid) .bk-btn:hover {{ |
|
background-color: {CLRS['btn_hover']}; |
|
}} |
|
''' |
