diff --git a/theme-dracula.css b/theme-dracula.css index e19e962..f3268d0 100644 --- a/theme-dracula.css +++ b/theme-dracula.css @@ -54,6 +54,9 @@ --color-secondary-alpha-70: rgba(49, 50, 68, 0.7); --color-secondary-alpha-80: rgba(49, 50, 68, 0.8); --color-secondary-alpha-90: rgba(49, 50, 68, 0.9); + + --color-tooltip-text: #f8f8f2; + --color-tooltip-bg: #282a36; /* colors */ --color-red: #ff5555; --color-orange: #ffb86c; @@ -176,8 +179,8 @@ --color-header-wrapper-transparent: rgba(24, 24, 37, 0); --color-label-text: #282a36; --color-label-bg: #50fa7b; - --color-label-hover-bg: #6ca1f9; - --color-label-active-bg: #7aabf9; + --color-label-hover-bg: #31e05d; + --color-label-active-bg: #69fa8d; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-active-line: #45475a; @@ -191,13 +194,13 @@ .emoji[aria-label="ON! arrow"], .emoji[aria-label="SOON arrow"], .emoji[aria-label="heavy dollar sign"], -.emoji[aria-label=copyright], -.emoji[aria-label=registered], +.emoji[aria-label="copyright"], +.emoji[aria-label="registered"], .emoji[aria-label="trade mark"], -.emoji[aria-label=multiply], -.emoji[aria-label=plus], -.emoji[aria-label=minus], -.emoji[aria-label=divide], +.emoji[aria-label="multiply"], +.emoji[aria-label="plus"], +.emoji[aria-label="minus"], +.emoji[aria-label="divide"], .emoji[aria-label="curly loop"], .emoji[aria-label="double curly loop"], .emoji[aria-label="wavy dash"], @@ -207,14 +210,20 @@ filter: invert(100%) hue-rotate(180deg); } -.ui.ui.ui.button:not(.inverted, .basic).primary, .ui.ui.ui.button:not(.inverted, .basic).green, .ui.ui.ui.button:not(.inverted, .basic).red, .ui.ui.ui.button:not(.inverted, .basic).teal, +.ui.ui.ui.button:not(.inverted, .basic).primary, +.ui.ui.ui.button:not(.inverted, .basic).green, +.ui.ui.ui.button:not(.inverted, .basic).red, +.ui.ui.ui.button:not(.inverted, .basic).teal, .ui.ui.ui.label:not(.inverted, .basic).primary, .ui.ui.ui.label:not(.inverted, .basic).green, .ui.ui.ui.label:not(.inverted, .basic).red, .ui.ui.ui.label:not(.inverted, .basic).teal { color: #282a36; } -.ui.ui.ui.button:not(.inverted, .basic).primary:hover, .ui.ui.ui.button:not(.inverted, .basic).green:hover, .ui.ui.ui.button:not(.inverted, .basic).red:hover, .ui.ui.ui.button:not(.inverted, .basic).teal:hover, +.ui.ui.ui.button:not(.inverted, .basic).primary:hover, +.ui.ui.ui.button:not(.inverted, .basic).green:hover, +.ui.ui.ui.button:not(.inverted, .basic).red:hover, +.ui.ui.ui.button:not(.inverted, .basic).teal:hover, .ui.ui.ui.label:not(.inverted, .basic).primary:hover, .ui.ui.ui.label:not(.inverted, .basic).green:hover, .ui.ui.ui.label:not(.inverted, .basic).red:hover, @@ -813,5 +822,9 @@ } .inline-code-block { - color: var(--color-black) !important; + color: var(--color-black) !important; +} + +.tippy-box { + border: 1px solid #44475a !important; }