diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 09ef7dd1..5438bbab 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -846,35 +846,35 @@ "message": "h", "description": "100h" }, - "optionsTabCategories" : { + "optionsTabCategories": { "message": "Categories", "description": "Appears in Options as a tab header for setting up categories. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabBehavior" : { + "optionsTabBehavior": { "message": "Behavior", "description": "Appears in Options as a tab header for options related to the general behavior of the extension. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabInterface" : { + "optionsTabInterface": { "message": "Interface", "description": "Appears in Options as a tab header for options related to GUI and sounds. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabKeyBinds" : { + "optionsTabKeyBinds": { "message": "Key Bindings", "description": "Appears in Options as a tab header for keybinds. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabPrivacy" : { + "optionsTabPrivacy": { "message": "Privacy", "description": "Appears in Options as a tab header for options related to privacy (data stored/sent to server). To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabBackup" : { + "optionsTabBackup": { "message": "Backup/Restore", "description": "Appears in Options as a tab header for options related to saving/restoring your settings. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "optionsTabAdvanced" : { + "optionsTabAdvanced": { "message": "Advanced", "description": "Appears in Options as a tab header for advanced/niche options. To fit inside the button, it should not be longer than ~20-25 characters (depending on their width)." }, - "noticeVisibilityLabel" : { + "noticeVisibilityLabel": { "message": "Skip notice appearance", "description": "Option label" } diff --git a/public/options/options.css b/public/options/options.css index f21068fb..1742e0d5 100644 --- a/public/options/options.css +++ b/public/options/options.css @@ -21,7 +21,7 @@ body { .medium-description, .switch-container, .optionLabel, .categoryTableElement { color: white; } -.small-description, p,li { +.small-description, p, li, span, div { color: #dfdfdf; } .option-button.disabled { @@ -64,7 +64,7 @@ h1,h2,h3,h4,h5,h6 { .medium-description, .switch-container, .optionLabel, .categoryTableElement { color: black; } - .small-description, p,li { + .small-description, p, li, span, div { color: #262626; } .option-button.disabled { @@ -170,6 +170,10 @@ input[type='number'] { font-weight: bold; } +.hiding { + opacity: 0; +} + .hidden { display: none !important; } @@ -546,6 +550,7 @@ svg { } #version { font-size: 10px; + transform: translate(-50px, -5px); } .sticky #navigation { position: fixed; diff --git a/public/options/options.html b/public/options/options.html index 8657f40f..b843c108 100644 --- a/public/options/options.html +++ b/public/options/options.html @@ -1,4 +1,5 @@ +