User:Notjusttired/timeless.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
m (fix .kd color error)
m (syntax)
 
(101 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Code editing colors */
/* outstanding tasks
/* mediawiki-extensions-SyntaxHighlight_GeSHi
1. Re-use citations text is #333
/modules/pygments.generated.css */
2. echo text invisible - phabricator [https://phabricator.wikimedia.org/T287132 |T287132]
 
3. image icon colors on PagesForns previews shouldn't be inverted, and on settings icon on far right wiki toolbar
.il, .m, .mb, .mf, .mh, .mi, .mo, .o { color: #F6D3EE!important;}
4. after links or references the small gap disappears so the next word looks too far left
.bp, .k, .kd, .kn, .kp, .kt, .nb, .nt, .sx { color: #eee !important; font-weight: bold;}
5. are certain templates setting a background color?
.dl, .n, .s, .s1, .s2, .sa, .sb, .sc, .sd, .sh  {color: violet!important;}
.p { color: #aaa!important;}
.ki, .mt { color: lightgreen!important;}
.nc, .nf, .nl { color: skyblue!important;}
.c, .c1, .ch, .cm, .cpf, .cs { color: #999 !important;}
.cp { color: #EEE8AA !important; }
.fm, .nn {color: #F5B561 !important;}
.gd { color: #FA6666!important; }
.kc, .kr { color: pink!important; }
.nd, .ow {color: #FF5555 !important;}
.se { color: #BFC2FF!important; }
.si, .sr { color: #BFA2FF!important;}
.gh, .gp { color: #FFFF80!important; }
.gi { color: #FF5FFF!important; }
.go { color: #66DD66!important; }
.gu { color: #CFA1CC!important; }
.gr { color: #FF5D5D!important; }
.gt { color: #FFAA44!important; }
.na { color: #CCFFE5!important; }
.ne { color: #FE4478!important; }
.ni { color: #CCC!important; }
.no { color: #88FFFF!important; }
.nv, .ss, .vc, .vg, .vi, .vm { color: dodgerblue!important; }
.w { color: #555!important; }
 
.err { border-color: #FF4444!important; }
.hll { background-color: #000088!important; }
 
 
/* no white border on solid images */
.thumbborder {
  border-color: transparent;
}
/* forms */
form {
background-color: #000;
border-color: #000;
color: #ccc;
}
 
/* was .oo-ui-widget {
background-color: #333;
color: #eee;
}
*/
*/
.oo-ui-widget {
background-color: #000;
color: #eee;
}
.oo-ui-popupWidget {
  background-color: #eee;
}
.oo-ui-popupWidget-popup {
/* colors get inverted */
background-color: #eee;
}


/* wikiEditor extension mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.less */
/* redirect icon inverted - code sample from
.wikiEditor-ui-right,
https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div,
.wikiEditor-ui-buttons,
.wikiEditor-ui-loading,
#wikiEditor-section-help,
#wikiEditor-section-main,
.group,
.section,
.sections,
.section-help,
.section-advanced,
.tab-help {
  color: #ccc;
  background-color: #000;
}
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-tabs div.current a,
.tool-button > a {
  background-color: #000;
  color: #56b4e9;
}
/* remove gradients mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.toolbar-apex.less */
 
.wikiEditor-ui-toolbar,
.tool-active {
  background-image: none;
}
.booklet,
.booklet > .index > :hover,
.booklet > .index > .current {
  background-color: #333;
}
#wikiEditor-section-characters > .index > .current,
#wikiEditor-section-characters > .index > .current:hover,
#wikiEditor-section-help .index > .current,
#wikiEditor-section-help .index > .current:hover,
.toolbar > .current,
.ve-ui-specialCharacterPage h3 {
  color: #56b4e9;
}
/* jquery.wikiEditor.toolbar-wikimedia.less
jquery.wikiEditor.toolbar.less
*/
*/
.wikiEditor-ui-toolbar .tool-button,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu options,
.wikiEditor-ui-toolbar .group .tool-select .options option,
.booklet,
.booklet .index div,
/* extras to deal with codeEditor toolbar */
.toolbar div,
.codeEditor-ui-toolbar,
.codeEditor-ui-toolbar .tabs,
.group.codeeditor-style,
.group.codeeditor-main,
.codeEditor-status,
.tool-button,
.tool {
  background-color: #000;
  color: #eee;
  border-color: transparent;
}
/* inverted in original */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.wikiEditor-ui-toolbar .wikiEditor-character-highlighted,
.codeEditor-ui-toolbar > .icon-active,
.toolbar > img {
  background-color: #eee;
  color: #000!important;
  filter: none!important;
}
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button.oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button .tool-active {
  background-color: inherit;
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.codeEditor-ui-toolbar,
.group > span,
.codeEditor-ui-toolbar > a,
.toolbar > a
.codeEditor-ui-toolbar > .label,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group > .label,
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #56b4e9;
}
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.toolbar > a:visited {
    color: #56b4e9;
}
.wikiEditor-ui-toolbar .page-table th,
.toolbar .page-table th {
  color: #eee;
}
.wikiEditor-ui-toolbar .page-table > td,
.toolbar .page-table > td,
.wikiEditor-ui-toolbar .page-characters div,
#wikiEditor-section-help > div.index,
.pages .page {
  background-color: #000;
}
.wikiEditor-ui-toolbar .page-characters div > span,
#wikiEditor-section-help > div,
#wikiEditor-section-help > div > div,
.page-characters div > span,
.table-format tbody tr td,
.pages .page,
.ve-ui-specialCharacterPage {
/* this is over #eee */
  background-color: #eee;
  color: #333;
  filter: invert(100%);
}
#wikiEditor-section-characters div.index  div *,
.wikiEditor-toolbar-spritedButton {
/* colors inverted since filter needed to do background image sprited buttons */
  background-color: #fff;
  color: #111;
  filter: invert(100%)!important;
  border-color: transparent;
}
#wikiEditor-section-characters,
.booklet .section, section-characters > a,
#wikiEditor-section-characters div.index,
#wikiEditor-section-help > div,
.wikiEditor-ui-toolbar > .index {
  background-color: #333;
  color: #ccc;
  filter: none;
}
#wikiEditor-section-characters div div,
#wikiEditor-section-characters div div.current {
  background: #000;
  color: #eee;
}


.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
  background: #333;
}
.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-frame {
  background: #000;
}


.wikiEditor-ui-toolbar .page-characters div span:hover,
/* See [[User:Notjusttired/Timeless-inprogress.css]] for css in progress
.toolbar > .page-characters div span:hover {
Page blanked to allow testing comparison with staging server
  background-color: #000;
  color: #eee;
}
.wikiEditor-ui-toolbar .group .tool-select
.menu .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  background-color: #000;
  color: #eee;
  border-color: #aaa;
}
 
 
/* code to be deleted from live copy
(disabled)
div.editOptions {
border-color: #aaa;
background-color: #555;
}
 
**** end of code to be deleted
  */
  */
/* delete box shadow from existing */
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
    border-radius: 0;
    border: 0;
  }
/* Can be removed once lines above deleted
.oo-ui-buttonInputWidget > button,
.oo-ui-buttonInputWidget > input {
  background-color: transparent;
}
*/
/* :link etc order to lvha
*/
/* Menus */
#mw-site-navigation,
#mw-related-navigation,
#site-tools,
#page-tools,
#user-tools {
  background-color: #000;
  border: 0;
  box-shadow: none;
}
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
  border: 1px solid #aaa;
}
.mw-notification {
  background-color: #000;
  border-color: #333;
  border-radius: 5px;
  color: #aaa;
}
.postedit-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
        padding: 0;
        padding: 15px 0 15px 15px;
        text-align: right;
}
.postedit-icon {
margin: auto;
padding: 0;
}
/*
Visited page tabs eg view source on road only pages
*/
/* mediawiki/resources/src/mediawiki.action/mediawiki.action.history.styles.less */
#pagehistory,
#mw-page-header-links li.selected a,
#mw-page-header-links li.selected > span,
li.selected a,
li.selected > span,
  li a:focus span,
  li a:active span {
/* Low vision sky blue */
  color: #56b4e9;
  filter: none;
}
#mw-page-header-links li a:visited,
#mw-page-header-links > a:visited span,
li.selected a:visited > span {
  background-color: transparent;
  /* lighter sky blue */
  color: #86d4f9;
  filter: none;
}
/* mediawiki.skinning / interface.css */
.usermessage {
  background-color: #222;
  border: 1px solid #aaa;
  color: #fff;
}
.icons,
.ca-icon,.ca-icon-only,
.mw-ui-icon, .mw-ui-icon-element {
  filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
*/
.oo-ui-messageWidget {
  filter:  invert(100%);
}
/* don't invert echo icon from notification list */
.mw-echo-ui-notificationItemWidget > img {
  background-color: #000 !important;
  color: #eee!important;
  filter: none!important;
}
.mw-echo-ui-notificationItemWidget:not(img) {
/* these colors get inverted except for images */
  background-color: #fff !important;
  color: #000!important;
filter: invert(100%)!important;
}
/* May not be needed
.mw-echo-ui-notificationItemWidget * {
background-color: transparent!important ;
}
*/
.mw-echo-ui-notificationItemWidget-notify-description.mw-echo-ui-notificationItemWidget-icon > img {
  filter:  none!important;
}
/* Visual editor colors
from mediawiki / extensions / VisualEditor / refs/heads/REL1_35 / . / modules / ve-mw / ui / styles
and - styles / dialogs
*/
.ve-ui-mwPreDialog .oo-ui-textInputWidget,
.oo-ui-textInputWidget,
.ve-ui-mwGalleryDialog,
.oo-ui-fieldsetLayout,
.oo-ui-optionWidget-selected,
.ve-ui-mwGalleryDialog-remove-button,
.oo-ui-menuLayout-menu,
.oo-ui-searchWidget-results,
.oo-ui-searchWidget-query,
.mw-widget-mediaSearchWidget,
.ace_editor, .ace_focus, .ace_tooltip,
.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget
{
color: #ccc;
}
.oo-ui-toolbar,
.oo-ui-toolbar-bar {
  background-color: #000;
  color: #eee;
}
/* temporary */
.oo-ui-toolbar-tools {
  border: 0;
}
.oo-ui-optionWidget-highlighted {
  background-color: #333;
  color: #fff;
}
.oo-ui-window-head,
.oo-ui-window-foot,
.oo-ui-messageDialog-title,
.oo-ui-tabSelectWidget-framed,
  .oo-ui-tabSelectWidget-mobile {
  background-color: #000;
}
.oo-ui-messageDialog,
.oo-ui-processDialog-content,
.oo-ui-buttonWidget,
.oo-ui-tagItemWidget {
  background-color: #333;
  color: #ccc;
}
/* end visual editor colors */
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css
not needed - covered  in icons below
*/
/* Icons */
.ui-icon,
.ui-widget-content, .ui-widget-header,
.ui-state-default, .ui-state-hover,
.ui-state-active, .ui-state-highlight {
  filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-images-wikimediaui.css
  mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less
  notification alert bell and message icons
*/
/* Low vision sky blue shade calculated since invert gave orange  */
.oo-ui-icon-bell, .oo-ui-icon-message {
/*
  background-color: transparent;
filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%)!important;
*/
    filter: none !important;
}
/* inverted in original echo extension */
.mw-echo-ui-confirmationPopupWidget-popup {
  background-color: #ccc;
  color: #333;
}
.mw-echo-special-navbar-top {
    filter: invert(100%) grayscale(100%) !important;
}
.mw-echo-ui-notificationItemWidget > img {
  filter: none!important;
}
.mw-echo-ui-notificationItemWidget-notify-description {
  color:  #ccc;
}
.mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mw-echo-ui-footerNoticeWidget {
  background-color: #000;
  color: #ccc;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  color: #ccc !important;
}
.mw-echo-notifications-badge-all-read {
  background-color: transparent;
}
/* lighter than low vision sky blue */
.oo-ui-image-invert.oo-ui-icon-bell,
.oo-ui-image-invert.oo-ui-icon-message,
.oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
    filter: invert(76%) sepia(11%) saturate(2256%) hue-rotate(175deg) brightness(106%) contrast(95%);
}
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
*/
.mw-echo-ui-notificationItemWidget {
background-color: #333;
}
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread {
background-color: #000;
}
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: #111;
}
.mw-echo-ui-notificationItemWidget-notify-description,
.mw-echo-ui-notificationItemWidget-content-message-body {
color: #ccc;
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
color: #eee;
}
.mw-echo-ui-notificationItemWidget-bundled .mw-echo-ui-notificationItemWidget-content .mw-echo-ui-notificationItemWidget-content-message-header em {
color: #ccc;
}
/* keyframes can't be combined and from / to are properties to set */
@-webkit-keyframes unseen-fadeout-to-unread {
from {
background-color: #222;
}
to {
background-color: #000;
}
}
@keyframes unseen-fadeout-to-unread {
from {
background-color: #222;
}
to {
background-color: #000;
}
}
@-webkit-keyframes unseen-fadeout-to-read {
from {
background-color: #222;
}
to {
background-color: #333;
}
}
/* echo modules/styles/ mw.echo.ui.DatedSubGroupListWidget.less */
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
  color: #333;
}
/* echo mw.echo.ui.MenuItemWidget.less
*/
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
    /* override link colour */
    color: #eee;
}
/* unsure what this was for so removed
  .mw-echo-ui-menuItemWidget > .mw-echo-ui-notificationItemWidget-icon {
    filter: none !important;
  }
*/
.mw-echo-ui-menuItemWidget-dynamic-action .mw-echo-ui-menuItemWidget-description {
  color: #56b4e9;
}
.mw-echo-ui-menuItemWidget-dynamic-action:hover {
  background-color: #000;
}
.mw-echo-ui-menuItemWidget .mw-echo-ui-actionMenuPopupWidget-menu:hover {
  background-color: #333;
}
/* NotificationsInboxWidget */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background-color: #000;
  box-shadow: 0 2px 0 0 rgba( 255, 255, 255, 0.1 );
}
/* mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationsListWidget.less */
.mw-echo-ui-notificationsListWidget > a,  .mw-echo-ui-notificationsListWidget:hover,
.mw-echo-ui-notificationsListWidget:not( :hover ) a, #p-personal .mw-echo-ui-notificationsListWidget:not( :hover ) a.new {
  color: #ccc;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #333;
color: #ccc;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: #000;
color: #36c;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(41,98,204,0.1);
color: #36c;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count {
background-color: #333;
color: #ccc;
}
.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
background: none;
color: #36c ;
}
.mw-echo-ui-placeholderItemWidget {
  background-color: #333;
}
/* mediawiki-extensions-Echo modules/styles/ mw.echo.ui.ToggleReadCircleButtonWidget.less */
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
  background-color: #333;
  border-color: #aaa;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
  background-color: #ccc;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover  .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
  background-color: #333;
}
/* echo extension nojs */
.mw-echo-alert {
  background-color: #333;
  color: #eee;
}
/* nojs/mw.echo.badge.less */
#pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after {
border: 1px solid #000;
background-color: #ccc;
color: #000;
}
#pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after, #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
background-color: #FF5D5D;
}
/* nojs/ mw.echo.notifications.less */
.mw-echo-state .mw-echo-notification {
  background-color: #000;
  color: #ccc;
}
.mw-echo-state .mw-echo-notifications {
  background-color: #333;
}
.mw-echo-state .mw-echo-content .mw-echo-title {
  color: #eee;
}
.mw-echo-state .mw-echo-content .mw-echo-payload,
.mw-echo-state .mw-echo-content .mw-echo-notification-footer {
  color: #ccc;
}
/* echo nojs/special.less */
.mw-echo-date-section {
  color: #ccc;
}
.mw-echo-special-notifications .mw-echo-notification {
  background-color: #000;
}
.mw-echo-special-notifications .mw-echo-notification:hover {
  background-color: #333;
}
.mw-echo-special-notifications .mw-echo-notification-unread {
  color: #eee;
}
.client-js .mw-echo-special-nojs {
  filter: invert(100%);
}
/* mediawiki-extensions-Echo/modules/mobile/ notificationsFilterOverlay.less */
.notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
    color: #eee;
}
/* mediawiki-extensions-Echo/modules/styles/ mw.echo.ui.CrossWikiNotificationItemWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
  background-color: #000;
}
/* mw.echo.ui.CrossWikiUnreadFilterWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title,
.mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title {
color: #ccc;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
    color: #eee;
}
/* end echo styles  */
[class*="oo-ui-icon-"] {
/* includes -
.oo-ui-icon-ref-cite-book, .oo-ui-icon-ref-cite-journal, .oo-ui-icon-ref-cite-tweet, .oo-ui-icon-ref-cite-reference, .oo-ui-icon-ref-cite-news, .oo-ui-icon-ref-cite-referenceExisting, .oo-ui-icon-ref-cite-references {
*/
  filter: invert(100%);
}
.oo-ui-image-invert,
.oo-ui-image-invert.oo-ui-icon-ref-cite-book,
.oo-ui-image-invert.oo-ui-icon-ref-cite-journal,
.oo-ui-image-invert.oo-ui-icon-ref-cite-tweet,
.oo-ui-image-invert.oo-ui-icon-ref-cite-reference,
.oo-ui-image-invert.oo-ui-icon-ref-cite-references,
.oo-ui-image-invert.oo-ui-icon-ref-cite-referenceExisting,
.oo-ui-image-invert.oo-ui-icon-ref-cite-newspaper,
.oo-ui-image-invert [class*="oo-ui-icon"] {
  filter: none;
}
[class*="oo-ui-icon-"] > span {
  filter: none;
  background-color: #000;
  color: #eee;
}
/* Cite extension styles mediawiki-extensions-Cite/modules/ext.cite.styles.css */
/* mediawiki-extensions-Citoid/modules/wikibase/ */
/* Not used - will inherit
.ve-init-target-ie,
.wikibase-citoid-search,
.wikibase-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-mwReferenceResultWidget,
.ve-ce-mwReferencesListNode,
.ve-ui-mwReferenceSearchWidget,
.ve-ui-mwReferenceSearchWidget-citation,
.ve-ui-mwReferenceSearchWidget-name {
color: #ccc;
background: #333;
        filter: none;
}
.ve-ce-generated-wrapper {
background: #000;
        color: #ccc;
}
*/
.ve-ui-citeFromIdInspector >.oo-ui-labelElement-label,
.ve-ui-citoidInspector-search,
.ve-ui-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-previewElement {
color: #ccc;
        filter: none;
}
/* fixing right personal menus */
#personal {
background: #000;
border: #aaa;
}
#personal-extra ul {
  background: #000;
}
#personal-inner h3 ul {
  background: #333;
}
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css */
/* Overlays */
.ui-widget-overlay, .ui-widget-shadow {
  filter: invert(100%);
}
/* button defaults */
.mw-ui-button-states {
  color: #ccc;
  background-color: #333;
}
.oo-ui-buttonElement-button {
/* set text color with label after */
  background-color: #333;
  background-image: none;
}
/* mediawiki/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #eee;
  background-image: none;
  background-color: transparent;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: #141414;
  background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
  color: #ccc;
  border-color: #000;
  background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #36c;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
/* white text over blue, as from css */
  color: #fff;
  background-color: #36c;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* brightish blue */
  color: #447ff5;
  background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
/* deeper blue */
color: #36c;
background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  background-color: #ccc;
  color: #333;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  /* highlighted color was white over blue */
  background-color: #000;
  color: #fff;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  /* white over blue */
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #eee;
  border-color: #aaa;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #555;
  border-color: #aaa;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  /* white text was over deep blue */
  color: #eee;
  background-color: #000;
  background-image: none;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle {
    background-color: #eee;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
    color: #333;
}
/* white over red buttons don't need changing */
/*
repeat from css to override input value set in live code
*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  color: #fff;
  background-color: #d33;
  border-color: #d33;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
  background-color: #ff5d5d;
  border-color: #ff5d5d;
}
/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css
image background color
*/
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  background-image: none;
  border: 1px solid #aaa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
  background-image: none;
}
/* radio buttons */
.oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
  border-color: #aaa;
}
/* popup for references used from gadget */
/* Mediawiki:Gadget-ReferenceTooltips.css */
.referencetooltip li {
  background-color: inherit;
  border-color: #aaa;
  -webkit-box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
  -moz-box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
  box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
}
.referencetooltip li+li {
  border-top-color: #aaa;
}
.referencetooltip>li+li::after {
  border-top-color: #333;
}
.referencetooltip.RTflipped li+li {
  border-bottom-color: #aaa;
}
.referencetooltip.RTflipped li+li::after {
  border-bottom-color: #333;
}
.RTTarget {
  border-color: #aaa;
}
/* end gadget */


.oo-ui-popupWidget-body {
.oo-ui-popupWidget-body {
  background-color: #000;
      
  border: 1px solid #222;
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.25);
  color: #ccc;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
  border-bottom-color: #000;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
  border-top-color: #333;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
  border-top-color: #000;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
  border-right-color: #333;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
  border-right-color: #000
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
  border-left-color: #333;
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
  border-left-color: #fff;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
  background-color: #000;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
  background-color: #ccc;
  border-color: #aaa;
  box-shadow: inset 0 0 0 1px #ccc;
}
 
.oo-ui-dropdownInputWidget-php {
  border-right: 1px solid #333;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  background-color: #000;
  color: #ccc;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  background-color: #000;
  color: #ccc;
  border-color: #aaa;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
  background: #333;
  color: #ccc;
}
 
.oo-ui-radioInputWidget [type='radio'] + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
  border-color: #aaa;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio'] + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
  background-color: #fff;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
  background-color: #000;
  color: #eee;
  border: 1px solid #333;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
  background-color: #333;
  color: #aaa;
}
.oo-ui-menuSelectWidget {
  background-color: #000;
  color:  #ccc;
  border: 1px solid #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #333;
  color: #ccc;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background-color: #333;
  color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: #000;
  color: #ccc;
  border-color: #333;
}
 
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
  background-color: #333;
  color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: #000;
  color: #ccc;
}
 
.oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #ccc;
}
 
/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css */
.oo-ui-panelLayout {
  background-color: #333;
  color: #ccc;
}
 
/* buttons
mediawiki/resources/src/mediawiki.ui/components/buttons.less
*/
 
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  filter: none;
}
.ui-button, .ui-button-icon-only,
button.ui-button-icon-only,
button.ui-button-icons-only {
  filter: invert(100%);
}
 
/* button text and icons */
.oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
     color: #eee;
}
/* end button code */
 
/* alert and message dropbown ul */
/* test wider screens alert drop */
.dropdown-menu {
    background-color: #333;
    color:  #ccc;
}
 
/* replace existing dropdown  */
#personal .dropdown,
.dropdown {
  background: #000;
  color:  #eee;
  border-color: #aaa;
}
 
 
/* Low vision sky blue icons repeat code */
/* works - for all sizes - move out of small screen only  */
 
/* from original move to all screen sizes */
 
#pt-notifications-alert,
#pt-notifications-notice {
  filter: invert(100%);
  background-color: transparent;
}
 
/* hide external link icons - not working  */
.mw-parser-output a.external:after, .link-https:after,
a.external:after {
  background-image: none;
}
 
/* add to Search results section  */
/* mediawiki/resources/src/mediawiki.special.search.styles.css */
.mw-search-profile-tabs,
  #mw-searchoptions {
    background: #333!important;
    border: 1px solid #aaa;
}
.search-types .current a {
/* low vision sky blue  */
    color: #56b4e9;
}
.mw-search-interwiki-project {
  background-color: #333;
  border-top: 1px solid #aaa;
}
 
.searchdidyoumean {
color: #ccc;
}
 
/* from timeless/resources/ooui.css
  for dialogs
*/
.oo-ui-windowManager-modal > .oo-ui-dialog,
.ve-ui-overlay-global {
    background: #000;
    color: #eee;
}
 
body > .oo-ui-windowManager,
.oo-ui-defaultOverlay {
    background: #000;
    color: #eee;
}
 
/* May needed for forms */
div.editOptions {
border-color: #eee;
color: #ccc;
}
 
/* timeless skin resources/forms.less */
 
input, .mw-editfont {
  color: #ccc;
}
.mw-input-with-label {
  color: #eee;
}
 
/* Don't show link icons when editing */
.ve-ce-linkAnnotation:before,
.ve-ce-linkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:before {
content: "";
width: 0;
height: 0;
background-image: none;
visibility: hidden;
}
 
/* hide colored link icons for external links */
.oo-ui-icon-linkExternal:after,
  .oo-ui-image-invert.oo-ui-icon-linkExternal:after {
background-image: none!important;
}
 
ul, .toctoggle {
background: #333;
}
 
 
/* dismissive site notice border uses class in MediaWiki:SiteNotice */
.white-border {
    border-color: white!important;
}
 
/* fix black stripe over gray in footer
#mw-content-text {
background: #333;
done in other change */
 
/* Visual editor editing page - symbols around link and after reference */
/*.ve-ce-chimera, .ve-ce-chimera-webkit,
*/
   
   
.ve-ce-nail {
  color: #ccc!important ;
filter: none;
  background-color: #333;
color: #333;
}
 
/* screen-desktop-small.less */
 
.dropdown, .pokey {
        background: #000! important;
color: #ccc;
}
#p-variants-desktop .dropdown .selected a {
    background: #000;
    color: #ccc;
}
 
/* screen-mobile.less */
/*
.thumbinner
.thumb
.thumbimage
.floatleft,
.tleft
.mw-warning
*/
 
/* mediawiki/resources/src/mediawiki.ui/components/inputs.less */
.mw-ui-input {
background-color: #000;
color: #ccc;
border: #aaa;
box-shadow: inset 0 0 0 1px #eee;
}
 
/* mediawiki/mw-config/config.css */
.config-page-list {
border: 1px solid #666;
background: #000;
        color: #ccc;
}
.config-page {
background: #111;
        color: #ccc;
}
.config-page-disabled {
color: #666;
}
/* tooltip styles */
.config-help-field-hint {
color: #56b4e9;
}
.config-help-field-data {
background-color: #222;
        color:            #ccc;
border: 1px solid #aaa;
}
/* mediawiki/resources/src/mediawiki.filewarning/filewarning.less
*/
.mediawiki-filewarning-footer {
color: #aaa;
}
 
/*
mediawiki/resources/src/mediawiki.htmlform.ooui.styles.less
*/
.mw-htmlform-matrix tbody tr:nth-child( even ) td,
.mw-htmlform-matrix tbody tr:hover td {
  background-color: #141414;
}
 
/* mediawiki/resources/src/mediawiki.skinning/elements.css */
/* Interwiki & External links */
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active,
a.interwiki, a.interwiki:hover,
  a.interwiki:visited,
/* up arrow for reference list looks better in ext link color  */
.mw-cite-backlink {
/* light gray without link icon  */
color: #A7C5DC;
        background-image: none;
}
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.interwiki:hover {
color: #eee;
}
 
/* Echo.less */
/*
.mw-echo-ui-notificationBadgeButtonPopupWidget
.mw-echo-ui-overlay .mw-echo-alert
  .mw-echo-ui-overlay {
.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
.oo-ui-clippableElement-clippable {
*/
 
/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
background-color: #000;
        color: #ccc;
}
 
.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
background-color: #333;
        color: #aaa;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading3 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading4 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading5 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading6 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools > .oo-ui-tool-title {
  background-color: #000;
  color: #ccc;
}
 
.ve-ce-surface-highlights-user-selection {
background-color: #454545;
}
 
.ve-ce-surface-highlights-user-cursor {
background-color: #454545;
}
 
.ve-ce-surface-highlights-user-cursor-label {
background-color: #454545;
color: #eee;
}
 
/* VisualEditor src/ui/styles/dialogs/ve.ui. ToolbarDialog.css and ve.ui.CommandHelpDialog.css ve.ui.FindAndReplaceDialog.css */
 
.ve-ui-toolbarDialog-position-side {
  background: #000;
}
.ve-ui-commandHelpDialog-list dt kbd > kbd {
  background-color: #000;
  color: #ccc;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 0 0 2px #000 inset;
  text-shadow: 0 1px 0 #000;
}
 
.ve-ui-findAndReplaceDialog-findResult > div {
/* green */
  background: #33cc33;
}
 
.ve-ui-findAndReplaceDialog-findResult-focused > div {
/* darker green but AA compliant */
  background: #18BB0B;
}
/* VisualEditor/src/ui/styles/ve.ui.DebugBar.css */
/* Disabled .ve-ui-debugBar-dump > table,
  .ve-ui-debugBar-filibuster {
background-color: #000;
border: 1px solid #aaa;
}
.ve-ui-debugBar-dump td {
background-color: #000;
}
.ve-ui-debugBar-dump th {
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump ol {
color: #999;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
  background-color: #000;
  color: #ccc;
  text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #222;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ce-languageAnnotation  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: #eee;
}
*/
 
/* Visual editor extension - ve.ui.mobilecontext.css and ve.ui.tableLineContext.css */
.ve-ui-mobileContext {
  background: #000;
/* Match toolbar border & shadow */
  border-top: 1px solid #aaa;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
  background-color: #222;
}
/* VisualEditor/src/ui/styles/contextitems
  ve.ui.LanguageContextItem.css and ve.ui.linkContextItem.css ve.ui.DiffElement.css */
 
.ve-ui-languageContextItem .ve-ui-linearContextItem-body {
  color: #ccc;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
  color: #999;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
  background: #b6d4fb; /* #6da9f7 at 50% opacity */
}
.ve-ui-diffElement-attributeChange {
  color: #999;
}
.ve-ui-diffElement-attributeChange del {
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #333;
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='insert' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='insert' ] > caption,
figure[ data-diff-action='insert' ] > figcaption {
  background-color: #555 !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 0 0 1px #555;
}
[ data-diff-action='remove' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='remove' ] > caption,
figure[ data-diff-action='remove' ] > figcaption {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
.ve-ui-diffElement-no-changes,
.ve-ui-diffElement-spacer {
color: #999;
}
 
/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder {
.ve-init-mw-desktopArticleTarget-toolbar {
}
*/
 
/* VisualEditor /src/ui/styles/widgets ve.ui.AuthorItemWidget.css and ve.ui.ContextOptionWidget.css */
.ve-ui-authorItemWidget-colorPicker .color-picker-control {
  border-color: #aaa;
  background: #000;
}
.ve-ui-authorItemWidget-editable .ve-ui-authorItemWidget-color {
  outline: 1px solid #aaa;
}
.ve-ui-contextOptionWidget .oo-ui-labelElement-label {
  color: #ccc;
}
.ve-ui-languageResultWidget-otherMatch {
  color: #999;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.CommentAnnotation.css etc  */
.ve-ce-commentAnnotation {
  box-shadow: 0 0 0 1px rgba(170,170,170,0.5); /* yellow changed to gray #aaa over #333 background */
  background: rgba( 51, 51, 51, 0.5 );
}
.ve-ce-commentAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #aaa;
  background: #aaa;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.LinkAnnotation.css */
/* was very light blue  */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #000;
  background-color: #333;
}
/* VisualEditor /src/ce/styles/nodes/ ve.ce.AlienNode.css */
.ve-ce-alienNode-highlights .ve-ce-focusableNode-highlight {
  background-color: #555;
}
.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
  outline: 1px dashed #333;
  background-color: rgba( 0, 0, 0, 0.75 );
}
/* handle background images */
.ve-ce-checkListItemNode:before,
.ve-ce-checkListItemNode-checked:before,
.ve-ce-contentBranchNode:empty:before {
  filter: invert(100%);
}
.ve-ce-checkListItemNode,
.ve-ce-checkListItemNode-checked {
  filter: none;
}
.ve-ce-checkListItemNode-checked {
  color: #aaa;
}
.ve-ce-focusableNode-highlight {
/* was blue with dark teal border */
  background: #333;
  box-shadow: inset 0 0 0 1px #36c;
}
.ve-ce-focusableNode-highlights-deactivated .ve-ce-focusableNode-highlight {
  background: #aaa;
}
/* VisualEditor src/ce/styles/nodes/ ve.ce.ResizableNode.css */
.ve-ce-resizableNode-sizeText {
  border: 1px solid #aaa;
  background-color: #000;
  filter: none;
}
.ve-ce-resizableNode-sizeText span:not( :first-child ) {
  border-left: 1px solid #aaa;
}
.ve-ce-resizableNode-sizeText-warning {
  background-color: #333;
  border-color: #eee;
}
/* invert due to background images */
.ve-ce-resizableNode-handles-resizing,
.ve-ce-resizableNode-nwHandle,
.ve-ce-resizableNode-seHandle,
.ve-ce-resizableNode-neHandle,
.ve-ce-resizableNode-swHandle {
  filter: invert( 100%);
}
.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode *::selection,
.ve-ce-tableNodeOverlay-selection-box,
.ve-ce-surface-deactivatedSelection > div {
  background: rgba( 60, 60, 60, 0.5 );
/* was light blue, now darker gray */
}
.ve-ce-tableNodeOverlay-deactivated .ve-ce-tableNodeOverlay-selection-box {
  background: rgba( 255, 255, 255, 0.3 );
}
/* VisualEditor /src/ce/styles/ ve.ce.Surface.css */
 
.ve-ce-surface-deactivatedSelection-showAsDeactivated > div {
  background-color: #aaa;
}
.ve-ce-surface-dropMarker {
  background-color: #aaa;
}
.ve-ce-surface-highlights-user-selection {
  background-color: #333;
}
.ve-ce-surface-highlights-user-cursor {
  background: #000;
}
.ve-ce-surface-highlights-user-cursor-label {
  background: #ccc;
  color: #000;
  text-shadow: 0 0 1px rgba( 255, 255, 255, 0.5 );
}
/* VisualEditor standalone installation
VisualEditor/ src/init/sa/styles/ ve.init.sa.Platform.css */
.ve-init-notification {
  background: #000;
  border: 1px solid #aaa;
  box-shadow: 0 2px 2px 0 rgba( 255, 255, 255, 0.25 );
}
 
/* Visual editor article */
/*
.client-js {
.mw-editsection-divider
#ca-edit a { .ca-icon( '../images/pencil-source-grey' );
}
#ca-ve-edit a {.ca-icon( '../images/pencil-grey' );
}
#ca-ve-edit a, .ca-icon-only
.client-nojs,  .ve-not-available {
.mw-editsection a {
*/
 
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
color: #eee;
}
.oo-ui-panelLayout-expanded {
color: #ccc;
}
.oo-ui-messageDialog-message {
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ccc;
}
 
/* new button code from
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/
 
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
border-color: #aaa !important;
text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
background-color: #333;
border-color:  #aaa;
  /* label color overwrites text color */
color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #333;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #000;
color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: initial;
}
 
 
/* edit MediaWiki:Timeless.css to remove code so this won't  be needed  */
fieldset {
background-color: inherit;
}
 
 
 
 
.oo-ui-labelElement-label {
color: #eee;
}
.mw-widget-dateInputWidget-calendar,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: #000;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: initial;
color: #eee;
}
.mw-widget-calendarWidget-day {
color: #ccc;
}
.mw-widget-calendarWidget-day-additional {
color: #eee;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: initial;
color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #000;
/* color: #eee; */
}
 
 
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
background-color: #333;
}
.oo-ui-messageDialog-message {
color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
outline: 1px solid #141414;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #141414;
}
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
textarea[style] {
background-color: #333 !important;
color: #fff;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
  /* inverted */
background-color: inherit;
border-color: #aaa;
}
/*
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget > a.oo-ui-buttonElement-button,
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
  color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
  color: #eee !important;
}
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
  color: #eee !important;
}


div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
  filter: invert(100%)!important;
}
.oo-ui-icon-bell {
  filter:none  !important;
}
}

Latest revision as of 17:06, July 11, 2023

/* outstanding tasks
1. Re-use citations text is #333
2. echo text invisible - phabricator [https://phabricator.wikimedia.org/T287132 |T287132]
3. image icon colors on PagesForns previews shouldn't be inverted, and on settings icon on far right wiki toolbar 
4. after links or references the small gap disappears so the next word looks too far left 
5. are certain templates setting a background color? 
*/

/* redirect icon inverted - code sample from 
https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
*/


/* See [[User:Notjusttired/Timeless-inprogress.css]] for css in progress
Page blanked to allow testing comparison with staging server 
 */

.oo-ui-popupWidget-body {
    
 
 color: #ccc!important ;
 background-color: #333;

}