| // Theme Colors |
| // =================================================== |
|
| atom-background #c0baaf |
| atom-background-fade #e8e8e8 |
| atom-black-fade #000000 |
| atom-separator-light #E4E4E4 |
| atom-separator-heavy #CFCFD0 |
| atom-classical-background #F4F2EF |
|
| atom-grey4 #2C2C2E |
| atom-grey4-hover #000000 |
| atom-grey4-insensitive #40%2C2C2E |
| atom-grey4-marked #85%2C2C2E |
| atom-grey4-secondary #808080 |
|
| atom-grey3 #4A4A4A |
| atom-grey3-hover #70%6E6E6E |
| atom-grey3-insensitive #70%6E6E6E |
| atom-grey3-marked #6E6E6E |
|
| atom-grey2 #25%6292CB |
| atom-grey2-hover #40%6292CB |
| atom-grey2-pressed #40%6292CB |
| atom-grey2-insensitive #09%6292CB |
|
| atom-grey1 #FFFFFF |
| atom-grey1-hover #F7F6F6 |
| atom-grey1-insensitive #525252 |
| atom-grey1-marked #80%FFFFFF |
|
| atom-grey #444444 |
| atom-grey-mapping #858585 |
|
| atom-genre-mapping #ADADCC |
|
| atom-blue #5a7da1 |
| atom-blue-hover #385780 |
| atom-blue-pressed #ebe6d4 |
| atom-blue-insensitive #40%5949FC |
| atom-blue-background-blur #5a7da1 |
|
| atom-blue-mapping #4C4CF0 |
| atom-onebox-blue #4040F0 |
|
| atom-orange #F24537 |
| atom-orange-hover #C2372C |
| atom-orange-insensitive #F6B1AB |
| atom-orange-mapping #F24537 |
|
| atom-green #57C6B9 |
| atom-green-hover #4CAFA3 |
| atom-green-insensitive #B0F3EB |
|
| atom-red #E02954 |
| atom-red-hover #CD274E |
| atom-red-insensitive #EF94A9 |
| atom-red-background-blur #F3A9BB |
|
| atom-selectable-blue #D3E0F0 |
| atom-selectable-blue-hover #E8EFF6 |
| atom-selectable-blue-checked #DFDFDF |
|
| atom-selectable #D8DFE6 |
| atom-selectable-hover #C0C6CC |
| atom-selectable-checked #E8EBEF |
| atom-selectable-insensitive #E8EBEF |
|
| atom-bluebg-noalpha #F5F7FA |
| atom-bluebg-noalpha-classical #EAEBEC |
| atom-bluebg #10%6292CB |
| atom-bluebg-hover #20%6292CB |
| atom-bluebg-pressed #20%6292CB |
| atom-bluebg-insensitive #05%6292CB |
|
| atom-footer #F7F8F9 |
| atom-footer-opaque #00%F7F8F9 |
| atom-classical-footer #EFEDEA |
| atom-zebra-stripe #E8EBEF |
| atom-panel #FAFAFA |
| atom-classical-panel #F1EFEC |
| atom-popup #ffffff |
| atom-tooltip-bg #2C2C2E |
| atom-border #8A8989 |
|
| atom-graph-1 #5456D2 |
| atom-graph-2 #898CEB |
| atom-graph-3 #D7D8F7 |
| atom-graph-4 #AAC0FE |
| atom-graph-5 #C4D2F9 |
| atom-graph-6 #E4EAF3 |
|
| atom-purple-mapping #9797F6 |
|
| // =================================================== |
| // not theme colors. these should not change |
| // =================================================== |
| atom-white #ffffff |
| atom-white-hover #ffffff |
| atom-white-insensitive #10%ffffff |
| atom-white-marked #80%ffffff |
| atom-white-button-hover #35%ffffff |
| atom-white-button #25%ffffff |
| atom-black #000000 |
| atom-black-hover #80%000000 |
| atom-black-insensitive #ACACAC |
| atom-black-marked #85%2C2C2E |
| button-sensitivity-text-color #FFFFFF |
| atom-waveform #75808F |
| atom-fade #1E1E1E |
| atom-highlight #FF8000 |
| atom-yellow #E6BB72 |
|
| // =================================================== |
| // used by dynamiclist scrollbar in 3/2020, before changes in master. Question for brian2: are these colors correct for the new dynamiclist? |
| // =================================================== |
|
| atom-purple #5D9CE0 |
| atom-purple-hover #7fb5eb |
| atom-purple-pressed #4996E3 |
|
| // =================================================== |
| // brand colors |
| // =================================================== |
| dropbox-color #007BE8 |
| facebook-color #3B5998 |
| twitter-color #1DA1F2 |
|
| // =================================================== |
| // BACKGROUND & DIM LAYERS |
| // =================================================== |
| feedbackpanel #70%000000 |
| dimlayer #70%000000 |
| album-dimlayer #50%ffffff |