/* * Citizen * * SkinStyles for Extension:Translate * Module: ext.translate.editor * Version: MLEB 2021.07 * * Date: 2021-07-29 */ /* ext.translate.editor */ .tux-message-editor { background-color: var( --color-surface-1 ); border-color: var( --border-color-base ); } .tux-message-editor .editcolumn { background-color: var( --color-surface-1 ); border-right-color: var( --border-color-base ); } .tux-message-editor textarea { border-color: var( --border-color-base ); } .tux-editor-editsummary-block input { border-color: var( --border-color-base ); } .tux-editor-editsummary-block input:disabled { background-color: var( --color-surface-3 ); } .grid .tux-message-editor .messagekey { color: var( --color-base ); } .tux-message-editor .messagekey .caret { border-top-color: var( --color-base ); } .tux-message-editor .shortcutinfo { color: var( --color-subtle ); } .grid .tux-message-editor .infocolumn-block { background: var( --color-surface-2 ); } .tux-message-editor__caret::before, .tux-message-editor__caret::after { border-right-color: var( --border-color-base ); } .tux-message-editor__caret::after { border-right-color: var( --color-surface-2 ); } .infocolumn-block .infocolumn .message-desc.long { border-bottom-color: var( --border-color-base ); } .message-desc-control .read-more { color: var( --color-progressive ); } .tm-suggestion, .in-other-language { background-color: var( --color-surface-2 ); border-color: var( --border-color-base ); border-left-color: var( --color-progressive ); } .in-other-language .language { color: var( --color-subtle ); } .tux-notice { background-color: var( --background-color-warning ); } .tux-highlight { background-color: var( --color-surface-4 ); } .editarea .tux-more-notices { background-color: var( --background-color-warning ); } .tux-notice-message.error, .tux-notice-message.translation-saving { color: var( --color-destructive ); background-color: var( --background-color-destructive ); } .tux-notice-message .show-diff-link { color: var( --color-progressive ); } .editarea .tux-more-notices::before { border-right-color: var( --background-color-warning ); border-bottom-color: var( --background-color-warning ); } .editarea .tux-more-notices.tux-has-errors { background-color: var( --background-color-destructive ); } .editarea .tux-more-notices.tux-has-errors::before { border-right-color: var( --background-color-destructive ); border-bottom-color: var( --background-color-destructive ); } .tux-editor-request-right { color: var( --color-subtle ); } // Added custom hover states and cursor .tux-editor-insert-buttons button { color: var( --color-emphasized ); cursor: pointer; background: var( --color-surface-2 ); border-color: var( --border-color-base ); &:hover { background: var( --color-surface-2--hover ); } &:active { background: var( --color-surface-2--active ); } } .tux-editor-insert-buttons .tux-editor-paste-original-button { background: var( --color-surface-2 ) left center no-repeat; } .infocolumn .loading { color: var( --color-subtle ); } .tux-message-tools-menu li a { color: var( --color-subtle ); } .tux-message-tools-menu li a:hover { color: var( --color-base ); cursor: pointer; background-color: var( --background-color-quiet--hover ); } .tux-message-tools-menu li.selected { color: var( --color-base ); } .shortcut-popup { background-color: var( --color-surface-1 ); border-color: var( --color-base ); } /* ext.translate.pagemode.css */ .ext-translate-container .tux-messagelist .tux-message-pagemode { background: var( --color-surface-2 ); } .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact { background: var( --color-surface-1 ); border-right-color: var( --border-color-base ); border-bottom-color: var( --color-surface-2 ); border-left-color: var( --border-color-base ); } .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover { background: var( --color-surface-2--hover ); } .ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact { border-top-color: var( --border-color-base ); } .ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact { border-bottom-color: var( --border-color-base ); } .tux-messagelist .tux-message-pagemode .tux-pagemode-source { color: var( --color-subtle ); } .tux-messagelist .tux-message-pagemode .tux-pagemode-translation { color: var( --color-base ); } /* ext.translate.proofread */ .ext-translate-container .tux-messagelist .tux-message-proofread { background: var( --color-surface-2 ); } .ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact { background: var( --color-surface-1 ); border-right-color: var( --border-color-base ); border-bottom-color: var( --color-surface-2 ); border-left-color: var( --border-color-base ); } .ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover { background: var( --color-surface-2--hover ); } .ext-translate-container .tux-messagelist .tux-message-proofread:first-child .tux-message-item-compact { border-top-color: var( --border-color-base ); } .ext-translate-container .tux-messagelist .tux-message-proofread:last-child .tux-message-item-compact { border-bottom-color: var( --border-color-base ); } .tux-messagelist .tux-message-proofread .tux-proofread-source { color: var( --color-subtle ); } .tux-messagelist .tux-message-proofread .tux-proofread-translation { color: var( --color-base ); } .ext-translate-container .tux-messagelist .tux-message-proofread.own-translation, .ext-translate-container .tux-messagelist .tux-message-proofread.own-translation:hover { background: var( --color-surface-2--hover ); } .translated-by-self { color: var( --color-subtle ); } .tux-proofread-edit-label { color: var( --color-subtle ); } .tux-proofread-count { color: var( --color-subtle ); }