Fix focus outline in dark mode

This commit is contained in:
Kovid Goyal 2020-08-20 09:49:39 +05:30
parent d1a5850619
commit 25adbe6bd6
No known key found for this signature in database
GPG Key ID: 06BC317B515ACE7C

View File

@ -51,6 +51,7 @@ DEFAULT_COLORS = {
# Native controls # Native controls
'input-background': c('field', DT_DARK_DARKER), 'input-background': c('field', DT_DARK_DARKER),
'input-foreground': c('fieldtext', DT_LIGHT), 'input-foreground': c('fieldtext', DT_LIGHT),
'input-focus-outline-color': c('#4D90FE', DT_LIGHT),
} }
DEFAULT_SIZES = { DEFAULT_SIZES = {
@ -79,7 +80,15 @@ def browser_in_dark_mode():
def css_for_variables(): def css_for_variables():
input_css = 'input, textarea { color: var(--calibre-color-input-foreground); background-color: var(--calibre-color-input-background); }' input_css = '''
input, textarea {
color: var(--calibre-color-input-foreground); \
background-color: var(--calibre-color-input-background); \
}
input:focus, textarea:focus {
outline-color: var(--calibre-color-input-focus-outline-color); \
}
'''
is_dark_theme = browser_in_dark_mode() is_dark_theme = browser_in_dark_mode()
attr = 'dark' if is_dark_theme else 'light' attr = 'dark' if is_dark_theme else 'light'
ans = v'[]' ans = v'[]'