:root{ --readabler-reading-mask: rgba(0, 0, 0, 0.7); } .mdp-readabler-tts { --readabler-tts-bg: rgba(33, 150, 243, 1); --readabler-tts-color: #ffffff; } #mdp-readabler-popup-box { --readabler-overlay: rgba(2, 83, 238, 0.5); --readabler-bg: #ffffff; --readabler-bg-dark: #16191b; --readabler-text: #333; --readabler-text-dark: #e5e5e5; --readabler-color: #1b1b1e; --readabler-color-dark: #b9a38b; --readabler-color-transparent: #1b1b1e33; --readabler-color-transparent-dark: #b9a38b33; --readabler-border-radius: 20px; --readabler-animate: 600ms; } .mdp-readabler-trigger-button-box { --readabler-btn-margin: 10px; --readabler-btn-padding: 20px; --readabler-btn-radius: 50px; --readabler-btn-border-width: 3px; --readabler-btn-color: #ffffff; --readabler-btn-color-hover: #1b1b1e; --readabler-btn-border-color: #ffffff; --readabler-btn-border-color-hover: #ffffff; --readabler-btn-bg: #1b1b1e; --readabler-btn-bg-hover: #b9a38b; --readabler-btn-size: 24px; --readabler-btn-delay: 0s; } #mdp-readabler-keyboard-box { --readabler-keyboard-light-bg: #ececec; --readabler-keyboard-light-key-bg: #ffffff; --readabler-keyboard-light-key: #111111; --readabler-keyboard-dark-bg: #000000CC; --readabler-keyboard-dark-key-bg: rgba( 0, 0, 0, .5 ); --readabler-keyboard-dark-key: #ffffff; }