diff --git a/skin.json b/skin.json index a3f36cb7..57e59d36 100644 --- a/skin.json +++ b/skin.json @@ -354,6 +354,26 @@ "+ext.relatedArticles.cards": "skinStyles/extensions/related_articles/ext.relatedArticles.cards.less", "+ext.relatedArticles.readMore": "skinStyles/extensions/related_articles/ext.relatedArticles.readMore.less", + "+ext.libs.tippy": "skinStyles/extensions/smw/ext.libs.tippy.less", + "+ext.smw.ask.styles": "skinStyles/extensions/smw/ext.smw.ask.styles.less", + "+ext.smw.browse.styles": "skinStyles/extensions/smw/ext.smw.browse.styles.less", + "+ext.smw.modal.styles": "skinStyles/extensions/smw/ext.smw.modal.styles.less", + "+ext.smw.page.styles": "skinStyles/extensions/smw/ext.smw.page.styles.less", + "+ext.smw.special.style": "skinStyles/extensions/smw/ext.smw.special.style.less", + "+ext.smw.special.styles": "skinStyles/extensions/smw/ext.smw.special.styles.less", + "+ext.smw.style": "skinStyles/extensions/smw/ext.smw.style.less", + "+ext.smw.table.styles": "skinStyles/extensions/smw/ext.smw.table.styles.less", + "+ext.smw.tooltip.styles": "skinStyles/extensions/smw/ext.smw.tooltip.styles.less", + "+ext.smw.vtabs.styles": "skinStyles/extensions/smw/ext.smw.vtabs.styles.less", + "+jquery.jsonview": "skinStyles/extensions/smw/jquery.jsonview.less", + "+jquery.selectmenu.styles": "skinStyles/extensions/smw/jquery.selectmenu.styles.less", + "+smw.content.schema": "skinStyles/extensions/smw/smw.content.schema.less", + "+smw.jsonview": "skinStyles/extensions/smw/smw.jsonview.less", + "+smw.special.search.styles": "skinStyles/extensions/smw/smw.special.search.styles.less", + "+smw.summarytable": "skinStyles/extensions/smw/smw.summarytable.less", + "+smw.tableprinter.datatables.styles": "skinStyles/extensions/smw/smw.tableprinter.datatables.styles.less", + "+smw.tippy": "skinStyles/extensions/smw/smw.tippy.less", + "+ext.translate": "skinStyles/extensions/translate/ext.translate.less", "+ext.translate.editor": "skinStyles/extensions/translate/ext.translate.editor.less", "+ext.translate.loader": "skinStyles/extensions/translate/ext.translate.loader.less", diff --git a/skinStyles/extensions/smw/ext.jquery.atwho.less b/skinStyles/extensions/smw/ext.jquery.atwho.less new file mode 100644 index 00000000..5fd5c15d --- /dev/null +++ b/skinStyles/extensions/smw/ext.jquery.atwho.less @@ -0,0 +1,49 @@ +/* + * Citizen - SMW jQuery AtWho + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .atwho-view { + background: @dark-bg-0; + color: #6f8092; + border: 1px solid @dark-bg-20; + box-shadow: 0 0 5px rgba( 0, 0, 0, 0.1 ); + } + + .atwho-view .atwho-header { + border-bottom: solid 1px @dark-bg-20; + color: #6f8092; + } + + .atwho-view .atwho-header .small { + color: #6f8092; + } + + .atwho-view .cur { + background: @dark-bg-20; + color: #6f8092; + } + + .atwho-view .cur small { + color: @dark-text-100; + } + + .atwho-view strong { + color: #39f; + } + + .atwho-view .cur strong { + color: #39f; + } + + .atwho-view ul li { + border-bottom: 1px solid @dark-bg-20; + } + + .atwho-view small { + color: @dark-text-70; + } +} diff --git a/skinStyles/extensions/smw/ext.libs.tippy.less b/skinStyles/extensions/smw/ext.libs.tippy.less new file mode 100644 index 00000000..4050f3c0 --- /dev/null +++ b/skinStyles/extensions/smw/ext.libs.tippy.less @@ -0,0 +1,119 @@ +/* + * Citizen - SMW Lib Tippy + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + tippy.css + */ + .tippy-tooltip { + color: @dark-text-100; + background-color: #333; + } + + /** + light-border.css + */ + .tippy-tooltip.light-border-theme { + background-color: @dark-bg-0; + border: 1px solid rgba( 0, 8, 16, 0.15 ); + color: @dark-text-90; + box-shadow: 0 3px 14px -0.5px rgba( 0, 8, 16, 0.08 ); + } + + .tippy-tooltip.light-border-theme .tippy-backdrop { + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme .tippy-roundarrow { + fill: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme .tippy-roundarrow:after { + fill: rgba( 0, 8, 16, 0.15 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^=top ] .tippy-arrow { + border-top-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=top ] .tippy-arrow:after { + border-top: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=top ] .tippy-arrow:before { + border-top: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^=bottom ] .tippy-arrow { + border-bottom-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=bottom ] .tippy-arrow:after { + border-bottom: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=bottom ] .tippy-arrow:before { + border-bottom: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^=left ] .tippy-arrow { + border-left-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=left ] .tippy-arrow:after { + border-left: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=left ] .tippy-arrow:before { + border-left: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + .tippy-tooltip.light-border-theme[ x-placement^=right ] .tippy-arrow { + border-right-color: @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=right ] .tippy-arrow:after { + border-right: 7px solid @dark-bg-0; + } + + .tippy-tooltip.light-border-theme[ x-placement^=right ] .tippy-arrow:before { + border-right: 7px solid rgba( 0, 8, 16, 0.2 ); + } + + /** + light.css + */ + .tippy-tooltip.light-theme { + color: @dark-text-90; + box-shadow: 0 0 20px 4px rgba( 154, 161, 177, 0.15 ), 0 4px 80px -8px rgba( 36, 40, 47, 0.25 ), 0 4px 4px -2px rgba( 91, 94, 105, 0.15 ); + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^=top ] .tippy-arrow { + border-top: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^=bottom ] .tippy-arrow { + border-bottom: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^=left ] .tippy-arrow { + border-left: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme[ x-placement^=right ] .tippy-arrow { + border-right: 8px solid @dark-bg-0; + } + + .tippy-tooltip.light-theme .tippy-backdrop { + background-color: @dark-bg-0; + } + + .tippy-tooltip.light-theme .tippy-roundarrow { + fill: @dark-bg-0; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.ask.styles.less b/skinStyles/extensions/smw/ext.smw.ask.styles.less new file mode 100644 index 00000000..43c347e7 --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.ask.styles.less @@ -0,0 +1,150 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-ask-toplinks { + background-color: @dark-bg-10; + } + + .smw-ask-toplinks-edit { + border-right: 3px solid @dark-bg-0; + } + + .smw-ask-condition fieldset, + .smw-ask-printhead fieldset { + border: 1px solid @dark-bg-50; + } + + .smw-ask-query .smw-table-row .smw-table-cell { + border: 1px solid @dark-bg-50; + } + + .smw-ask-options-row-odd { + background: @dark-bg-20; + } + + .smw-ask-options-row-even { + background: @dark-bg-0; + } + + .smw-ask-button { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-ask-button-submit input { + border: 1px solid @dark-bg-10; + background-color: @dark-bg-20; + color: @dark-text-70; + } + + .smw-ask-button-submit input:hover { + background-color: @dark-bg-30; + border-color: @dark-bg-20; + } + + .smw-ask-button-right { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-ask-button:hover { + background-color: @dark-bg-10; + } + + .smw-ask-button input { + color: @dark-text-100 !important; + } + + .smw-ask-button-lblue { + color: @dark-text-100; + background-color: #5bc0de; + border-color: #46b8da; + } + + .smw-ask-button-lblue:hover { + background-color: #31b0d5; + border-color: #269abc; + } + + .smw-ask-button-dblue { + color: #fff; + background-color: #337ab7; + border-color: #2e6da4; + } + + .smw-ask-button-dblue:hover { + background-color: #286090; + border-color: #204d74; + } + + .smw-ask-button-lgrey { + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + .smw-ask-button-lgrey:hover { + background-color: @dark-bg-30; + border-color: @dark-bg-30; + } + + .smw-ask-button a, + .smw-ask-button a:hover, + .smw-ask-button a:focus, + .smw-ask-button a:active, + .smw-ask-button a:visited { + color: @dark-text-80; + } + + .smw-ask-button-lblue a, + .smw-ask-button-lblue a:hover, + .smw-ask-button-lblue a:focus, + .smw-ask-button-lblue a:active, + .smw-ask-button-lblue a:visited { + color: @dark-text-100; + } + + .smw-ask-button-dblue a, + .smw-ask-button-dblue a:hover, + .smw-ask-button-dblue a:focus, + .smw-ask-button-dblue a:active, + .smw-ask-button-dblue a:visited { + color: @dark-text-100; + } + + .smw-ask-search fieldset, + .smw-ask-format fieldset, + .smw-ask-options fieldset { + border: 1px solid @dark-bg-50; + } + + .strike > span:before, + .strike > span:after { + background: @dark-bg-50; + } + + .smw-ask-sort-input input, + .smw-propertysubject-input { + border: 1px solid @dark-bg-50; + } + + #options-toggle:not( :checked ) + #options-list .options-parameter-list:after { + background-image: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ), @dark-bg-0 90% ); + } + + .slowfade textarea::placeholder { + color: @dark-text-60; + } + + .export-links li { + border-left: 1px solid @dark-bg-50; + } + + .smw-tabs input.nav-tab:checked + label.nav-label.result-cache { + border-top: 2px solid @yellow-50; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.browse.styles.less b/skinStyles/extensions/smw/ext.smw.browse.styles.less new file mode 100644 index 00000000..ce9540f7 --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.browse.styles.less @@ -0,0 +1,114 @@ +/* + * Citizen - SMW Browse + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smwb-factbox { + border-left: 0.5em solid @dark-bg-20; + } + + .smwb-factbox .smwb-cell { + border: 0 solid @dark-bg-50; + border-top: 2px solid @dark-bg-0; + } + + .smwb-cell-empty { + border-left: 0.5em solid @dark-bg-20; + } + + .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-title { + background-color: @dark-bg-20; + } + + .smwb-propvalue { + background-color: @dark-bg-10; + } + + .smwb-propvalue .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-propvalue .smwb-propval { + background-color: @dark-bg-10; + } + + .smwb-center, + .smwb-actions { + background-color: @dark-bg-20; + } + + .smwb-bottom { + border-bottom: 2px solid @dark-bg-0; + } + + .smwb-ifactbox { + border-right: 0.5em solid @dark-bg-20; + } + + .smwb-ifactbox .smwb-cell { + border: 0 solid @dark-bg-50; + border-top: 2px solid @dark-bg-0; + } + + .smwb-ititle { + background-color: @dark-bg-20; + } + + .smwb-ititle td { + border-bottom: 2px solid @dark-bg-0; + } + + .smwb-ipropvalue { + background-color: @dark-bg-10; + } + + .smwb-ipropvalue .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-ipropvalue .smwb-propval { + background-color: @dark-bg-10; + } + + .smwb-input .mw-ui-input:focus { + box-shadow: inset 0 0 0 1px @dark-bg-20; + border-color: @dark-bg-20; + } + + .smwb-action-separator { + border-left: 1px solid @dark-bg-60; + } + + .smwb-theme-light .smwb-factbox { + border-left: 0.5em solid @dark-bg-30; + } + + .smwb-theme-light .smwb-ifactbox { + border-right: 0.5em solid @dark-bg-30; + } + + .smwb-theme-light .smwb-title, + .smwb-theme-light .smwb-center, + .smwb-theme-light .smwb-actions, + .smwb-theme-light .smwb-prophead { + background-color: @dark-bg-20; + } + + .smwb-theme-light .smwb-propval { + background-color: @dark-bg-10; + } + + @media screen and ( max-width: 800px ) { + .smwb-group .smwb-propval, + .smwb-group .smwb-theme-light .smwb-propval { + background-color: @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/smw/ext.smw.modal.styles.less b/skinStyles/extensions/smw/ext.smw.modal.styles.less new file mode 100644 index 00000000..43e5e33c --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.modal.styles.less @@ -0,0 +1,42 @@ +/* + * Citizen - SMW Modal + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-modal { + background-color: rgba( 0, 0, 0, 0.23 ); /* Black w */ + } + + .smw-modal-title { + color: @dark-text-90 !important; + } + + .smw-modal-content { + background-color: @dark-bg-0 !important; + border: 1px solid @dark-bg-20 !important; + box-shadow: 0 0 18px rgba( 27, 31, 35, 0.4 ) !important; + } + + .smw-modal-close:hover, + .smw-modal-close:focus { + color: @dark-text-100 !important; + } + + .smw-modal-header { + border-bottom: 1px solid @dark-bg-20 !important; + background-color: @dark-bg-10 !important; + } + + .smw-modal-header h2 { + border-bottom: 0 solid @dark-bg-50 !important; + color: @dark-text-100 !important; + } + + .smw-modal-footer { + background-color: #5cb85c; + color: @dark-text-100; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.page.styles.less b/skinStyles/extensions/smw/ext.smw.page.styles.less new file mode 100644 index 00000000..7af8185d --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.page.styles.less @@ -0,0 +1,127 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools + * TODO CHECK 'smw/ext.smw.table.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-property-page-content-line { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-property-page-results .value-row:hover { + background-color: @dark-bg-10; + } + + .smw-property-page-results .header-row > .header-title { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-ui-pagination .page-link { + color: #007bff; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-pagination .page-link:hover { + color: #0056b3; + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + .smw-ui-pagination .page-link.link-disabled { + color: @dark-text-70; + background-color: @dark-bg-0; + border-color: @dark-bg-20; + } + + .smw-ui-pagination .page-link.link-active { + color: @dark-text-100; + background-color: #007bff; + border-color: #007bff; + } + + .smw-property-page-results .header-title { + color: @dark-text-80; + background-color: @dark-bg-0; + } + + .list-pager-value-filter input { + color: @dark-text-90; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-input-filter { + color: #007bff; + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + } + + .smw-ui-input-filter input { + border: 0 solid @dark-bg-20 !important; + border-left: 1px solid @dark-bg-20 !important; + color: @dark-text-80 !important; + } + + .smw-property-page-results .header-title { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-property-page-results.legacy .header-title { + border-bottom: 0 solid @dark-bg-20; + } + + .usage-count, + .item-count { + background-color: rgba( 27, 31, 35, 0.04 ); + color: @dark-text-70; + } + + #tab-smw-property-value:checked + label.nav-label .usage-count, + #tab-smw-concept-list:checked + label.nav-label .usage-count, + #tab-smw-property-subp:checked + label.nav-label .item-count, + #tab-smw-property-errp:checked + label.nav-label .item-count, + #tab-smw-property-redi:checked + label.nav-label .item-count, + #tab-smw-type-list:checked + label.nav-label .item-count, + #tab-smw-property-spec:checked + label.nav-label .item-count { + background-color: rgba( 27, 31, 35, 0.08 ); + color: #444d56; + } + + #tab-smw-property-value:checked + label.nav-label .usage-count.moderate, + #tab-smw-concept-list:checked + label.nav-label .usage-count.moderate { + background-color: rgba( 43, 157, 239, 0.18 ); + color: #444d56; + } + + #tab-smw-property-value:checked + label.nav-label .usage-count.high, + #tab-smw-concept-list:checked + label.nav-label .usage-count.high { + background-color: rgba( 186, 0, 0, 0.16 ); + color: #444d56; + } + + .smw-property input.nav-tab:checked + label.nav-label.smw-tab-warning, + .smw-concept input.nav-tab:checked + label.nav-label.smw-tab-warning, + .smw-types input.nav-tab:checked + label.nav-label.smw-tab-warning { + border-top: 2px solid rgb( 204, 0, 0 ); + } + + .smw-property input.nav-tab:checked + label.nav-label.smw-tab-spec, + .smw-concept input.nav-tab:checked + label.nav-label.smw-tab-spec { + border-top: 2px solid orange; + } + + .smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label { + border-top: 2px solid #42c0fb; + } + + @media screen and ( max-width: 800px ) { + .smw-property-page-results .header-title:first-child, + .smw-property-page-results .header-row > .header-title:first-child { + border-bottom: 1px solid @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/smw/ext.smw.special.style.less b/skinStyles/extensions/smw/ext.smw.special.style.less new file mode 100644 index 00000000..6a8ab549 --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.special.style.less @@ -0,0 +1,66 @@ +/* + * Citizen - SMW Special Admin + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-admin-deprecation-notice-docu-section { + background-color: #fcf8e3; + border-color: #faf2cc; + color: #8a6d3b; + } + + .smw-admin-deprecation fieldset { + border-top: 1px solid @dark-bg-50; + } + + .smw-admin-hr { + background-color: @dark-bg-20; + } + + .smw-special-filter-button { + color: @dark-text-80; + border: 1px solid @dark-bg-20; + } + + .smw-special-filter-button:hover { + background-color: @dark-bg-10; + } + + .smw-special-filter-button a, + .smw-special-filter-button a:hover, + .smw-special-filter-button a:focus, + .smw-special-filter-button a:active, + .smw-special-filter-button a:visited { + color: @dark-text-80; + } + + .smw-admin section { + border: 0 solid @dark-bg-50; + } + + .smw-admin input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid @yellow-50; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-admin input.nav-tab:checked + label.nav-label.smw-tab-warning { + border-top: 2px solid rgb( 204, 0, 0 ); + } + + .client-nojs .smw-admin-supplementary-duplookup-content:after { + color: @red-50; + background-color: @dark-bg-20; + } + + .smw-admin h3, + .smw-admin h4, + h3.smw-title, + h4.smw-title, + h3 .smw-title { + background: @dark-bg-10; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.special.styles.less b/skinStyles/extensions/smw/ext.smw.special.styles.less new file mode 100644 index 00000000..488d0a29 --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.special.styles.less @@ -0,0 +1,19 @@ +/* + * Citizen - SMW Special Preferences + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + fieldset#mw-prefsection-smw-general-options, + fieldset#mw-prefsection-smw-ask-options, + fieldset#mw-prefsection-smw-srf { + border: 0 solid #2a4b8d; + border-top: 1px solid @dark-bg-20; + } + + #mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label { + color: @dark-text-70; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.style.less b/skinStyles/extensions/smw/ext.smw.style.less new file mode 100644 index 00000000..5377f41d --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.style.less @@ -0,0 +1,472 @@ +/* + * Citizen - SMW + * https://starcitizen.tools + * + * 'smw/ext.smw.css' + * 'smw/ext.smw.dropdown.css' + * 'smw/ext.smw.table.css' + * 'smw/ext.smw.tabs.css' + * 'smw/factbox/smw.factbox.css' + * 'smw/smw.indicators.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + smw/ext.smw.css + */ + .smw-placeholder { + background-color: @dark-bg-10; + } + + .client-nojs .smw-placeholder:after { + color: @red-50; + } + + .smw-personal-jobqueue-watchlist:hover, + .smw-personal-jobqueue-watchlist:focus, + .smw-personal-jobqueue-watchlist:active { + color: @accent-50; + } + + .item-count { + color: @dark-text-60; + } + + .item-count.active { + background-color: rgba( 27, 31, 35, 0.08 ); + color: @dark-text-80; + } + + .smwpre { + border: 1px dashed @accent-50; + color: @dark-text-100; + background-color: @dark-bg-10; + } + + .smw-debug-box { + border: 5px dotted @yellow-50; + background: @yellow-90; + } + + .smw-debug-box-header { + border-bottom: 1px dotted @yellow-50; + } + + div.smwtimeline { + border: 1px solid @dark-bg-50; + background-color: @dark-bg-10; + } + + .smwtable-striped tbody > tr:nth-child( even ) { + background-color: @dark-bg-10; + } + + .smwtable-striped tbody > tr:nth-child( odd ) { + background-color: @dark-bg-0; + } + + .smwtable-striped tbody > tr:hover { + background-color: @dark-bg-20; + } + + .smwtable-clean tr { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tr > th { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tr > td { + border-top: 1px solid @dark-bg-20; + } + + .smwtable-clean tbody > tr:nth-child( even ) { + background-color: @dark-bg-10; + } + + div.smwhr hr { + background-color: @dark-bg-20; + color: @dark-text-80; + } + + span.smwwarning { + color: @dark-text-60; + } + + span.smwsearchicon { + color: @dark-text-60; + } + + #bodyContent span.smwsearch a { + color: @dark-text-70; + } + + #bodyContent span.smwsearch a:hover { + color: @dark-text-60; + } + + #bodyContent span.smwbrowse a { + color: @dark-text-70; + } + + #bodyContent span.smwbrowse a:hover { + color: @dark-text-60; + } + + .concept-documenation { + border-top: 1px dotted @dark-bg-50; + } + + hr.smw-form-horizontalrule { + background-color: @dark-bg-20; + } + + .smw-horizontalrule { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-editpage-help { + background-color: @dark-bg-20; + border: 1px solid @dark-bg-30; + } + + .smw-column-header { + color: @dark-text-100; + } + + .smw-note { + background-color: @dark-bg-10; + } + + .smw-callout-info { + background: #d9edf7; + border-left: 5px solid #1b809e; + } + + .smw-callout-info .title { + color: #1b809e; + } + + .smw-callout-info-light { + background: @dark-bg-10; + border-left: 5px solid @dark-bg-20; + } + + .smw-callout-info-light .title { + color: #1b809e; + } + + .smw-callout-warning { + background: @yellow-90; + border-left: 5px solid #aa6708; + color: @dark-text-60; + } + + .smw-callout-warning .title { + color: #aa6708; + } + + .smw-callout-success { + background: #dff0d8; + border-left: 5px solid #3c763d; + } + + .smw-callout-success .title { + color: #3c763d; + } + + .smw-callout-error { + background: #f2dede; + border-left: 5px solid #ce4844; + } + + .autocomplete-suggestions { + background: @dark-bg-0; + border: 1px solid @dark-bg-20; + box-shadow: rgba( 0, 0, 0, 0.1 ) 0 0 5px; + color: #6f8092; + } + + .autocomplete-suggestion { + border-bottom: 1px solid @dark-bg-20; + } + + .autocomplete-selected { + background: @dark-bg-20; + } + + .autocomplete-suggestions strong { + color: @accent-50; + } + + .autocomplete-group strong { + border-bottom: 1px solid @dark-bg-0; + } + + .autocomplete-arrow-light { + background-image: linear-gradient( 45deg, transparent 50%, @dark-bg-30 50% ), linear-gradient( 135deg, @dark-bg-30 50%, transparent 50% ), linear-gradient( to right, @dark-bg-0, @dark-bg-0 ); + } + + .smw-breadcrumb-link { + color: @dark-text-70; + } + + .smw-breadcrumb-arrow-right { + border-left: 5px solid @dark-bg-50; + } + + .smw-ask-action-btn-lgrey, + a.smw-ask-action-btn-lgrey:visited, + .smw-action-btn-lgrey, + .smw-action-btn-lgrey:visited { + color: @dark-text-90; + background-color: @dark-bg-20; + border-color: @dark-bg-20; + text-decoration: none; + } + + a.smw-ask-action-btn-lgrey:hover, + .smw-action-btn-lgrey:hover { + color: @dark-text-90; + background-color: @dark-bg-20; + border-color: @dark-bg-20; + } + + .smw-ask-action-btn-lblue, + a.smw-ask-action-btn-lblue:visited { + color: @dark-text-100; + background-color: #5bc0de; + border-color: #46b8da; + } + + a.smw-ask-action-btn-lblue:hover { + color: @dark-text-100; + background-color: #31b0d5; + border-color: #269abc; + } + + .smw-ask-action-btn-dblue, + a.smw-ask-action-btn-dblue:visited { + color: @dark-text-100; + background-color: #337ab7; + border-color: #2e6da4; + } + + .smw-ask-action-btn-dblue:hover, + .smw-ask-action-btn-dblue:focus, + a.smw-ask-action-btn-dblue:hover, + a.smw-ask-action-btn-dblue:focus { + color: @dark-text-100; + background-color: #286090; + border-color: #204d74; + } + + .smw-page-indicator { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-protection-indicator { + color: @dark-text-90; + } + + .smw-protection-indicator.with-border { + border-color: @dark-bg-20; + } + + .smw-page-indicator.usage-count.moderate { + background-color: #f2d29b; + border: 1px solid #f2d29b; + color: #aa4c2c; + } + + .smw-page-indicator.usage-count.high { + background-color: #ff887f; + border: 1px solid #ffb79e; + color: #800000; + } + + .smw-admin-circle-orange { + background: #ffa500; + } + + .smw-overlay-spinner.mini { + border-left: 3px solid rgba( 0, 174, 239, 0.15 ); + border-right: 3px solid rgba( 0, 174, 239, 0.15 ); + border-bottom: 3px solid rgba( 0, 174, 239, 0.15 ); + border-top: 3px solid rgba( 0, 174, 239, 0.8 ); + } + + .smw-overlay-spinner { + border-left: 6px solid rgba( 0, 174, 239, 0.15 ); + border-right: 6px solid rgba( 0, 174, 239, 0.15 ); + border-bottom: 6px solid rgba( 0, 174, 239, 0.15 ); + border-top: 6px solid rgba( 0, 174, 239, 0.8 ); + } + + .ns-112.action-submit .error { + color: #721c24; + background: #f2dede; + border-left: 5px solid #ce4844; + } + + .ns-112.action-submit .error:before { + color: #721c24; + } + + /** + smw/ext.smw.dropdown.css + */ + .smw-dropdown > a, + .smw-dropdown > button { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-30; + color: @dark-text-100; + } + + .smw-dropdown > a:before, + .smw-dropdown > button:before { + border-top: 5px solid @dark-bg-0; + } + + .smw-dropdown .smw-dropdown-menu { + border: 1px solid @dark-bg-30; + background-color: @dark-bg-0; + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.175 ); + } + + .smw-dropdown .smw-dropdown-menu li:hover { + background-color: @dark-bg-10; + } + + .smw-dropdown .smw-dropdown-menu li a { + color: @dark-text-100; + } + + .smw-dropdown .smw-dropdown-menu .divider { + background-color: @dark-bg-20; + } + + .smw-dropdown-menu:before { + border-bottom-color: rgba( 27, 31, 35, 0.15 ); + } + + .smw-dropdown-menu:before { + border-bottom-color: rgba( 27, 31, 35, 0.15 ); + } + + .smw-dropdown-menu:after { + border-bottom-color: @dark-bg-0; + } + + /** + smw/ext.smw.tabs.css + */ + .smw-tabs section, + .smw-tabs .subtab-content { + border-top: 1px solid @dark-bg-20; + } + + .smw-tabs label.nav-label { + color: @dark-text-60; + } + + .smw-tabs label.nav-label:hover { + color: @dark-text-60; + } + + .smw-tabs input.nav-tab:checked + label.nav-label { + color: @dark-text-90; + border: 1px solid @dark-bg-20; + border-top: 2px solid #337ab7; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-tabs input.nav-tab:checked + label.nav-label.cached { + border-top: 2px solid @yellow-30; + } + + @media screen and ( max-width: 800px ) { + .smw-tabs input.nav-tab:checked + label.nav-label { + background-color: @dark-bg-10; + } + } + + /** + smw/factbox/smw.factbox.css + */ + .smwfact { + background-color: @dark-bg-10; + border: 1px solid @dark-bg-50; + } + + .smwfact td, + .smwfact tr, + .smwfact table { + background-color: @dark-bg-10; + } + + .smwfact .smwfacttable { + border-top: 1px dotted @dark-bg-50; + } + + .smwfact .smw-table-row:nth-child( odd ) { + background-color: @dark-bg-10; + } + + .smwfact .smw-table-row:nth-child( even ) { + background-color: @dark-bg-0; + } + + .rdflink a { + color: @dark-text-60; + } + + .rdflink a:hover { + color: @accent-50; + } + + .smw-factbox section { + border: 1px solid @dark-bg-50; + } + + .smw-factbox input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid @yellow-30; + border-bottom: 1px solid @dark-bg-0; + background: @dark-bg-0; + } + + .smw-factbox input.nav-tab:checked + label#tab-label-facts-attachment.nav-label { + border: 1px solid @dark-bg-50; + border-top: 2px solid #42c0fb; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-factbox .smwfact { + background-color: @dark-bg-0; + } + + /** + smw/smw.indicators.css + */ + .smw-icon-indicator-placeholder { + background-color: @dark-bg-20; + } + + .smw-list-rule-title { + border-bottom: 0 solid @dark-bg-20; + color: @dark-text-100; + } + + /** + Icons + */ + .smw-icon-info, + .smw-icon-compact { + filter: invert( 1 ) hue-rotate( 180deg ); + } +} diff --git a/skinStyles/extensions/smw/ext.smw.table.styles.less b/skinStyles/extensions/smw/ext.smw.table.styles.less new file mode 100644 index 00000000..861a9132 --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.table.styles.less @@ -0,0 +1,36 @@ +/* + * Citizen - SMW Table Styles + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-table-header { + background-color: @dark-bg-20; + } + + .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + } + + .smw-table-header { + background-color: @dark-bg-20; + } + + .smw-table-footer { + background-color: @dark-bg-20; + } + + /** + Should probably be -50 + */ + .smw-table-sort-asc:after { + color: @dark-text-60; + } + + .smw-table-sort-desc:after { + color: @dark-text-60; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.tooltip.styles.less b/skinStyles/extensions/smw/ext.smw.tooltip.styles.less new file mode 100644 index 00000000..1a1abbca --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.tooltip.styles.less @@ -0,0 +1,24 @@ +/* + * Citizen - SMW Util Tooltip + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + div.smwtt { + color: @dark-text-100; + } + + span.smwttpersist span.smwttcontent { + color: @dark-text-70; + } + + span.smwttactivepersist { + color: #0000c8; + } + + span.smwttactiveinline { + color: #b70; + } +} diff --git a/skinStyles/extensions/smw/ext.smw.vtabs.styles.less b/skinStyles/extensions/smw/ext.smw.vtabs.styles.less new file mode 100644 index 00000000..4c6aff1b --- /dev/null +++ b/skinStyles/extensions/smw/ext.smw.vtabs.styles.less @@ -0,0 +1,70 @@ +/* + * Citizen - SMW Vertical Tabs + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + div.smw-vtab-nav button { + background-color: @dark-bg-0; + color: #428bca; + } + + div.smw-vtab-nav button a { + color: #428bca; + } + + div.smw-vtab-nav.nav-right button { + border-left: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button { + border-right: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav button:hover { + background-color: @dark-bg-20; + border-color: @dark-bg-30; + } + + div.smw-vtab-nav.nav-right button:hover { + border-left: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button:hover { + border-right: 1px solid @dark-bg-20; + } + + div.smw-vtab-nav button.active { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + color: @dark-text-100; + } + + div.smw-vtab-nav button.active a { + color: @dark-text-100; + } + + div.smw-vtab-nav.nav-right button.active, + div.smw-vtab-nav.nav-right button.active a { + border-color: @dark-bg-20; + } + + div.smw-vtab-nav.nav-left button.active, + div.smw-vtab-nav.nav-left button.active a { + border-color: @dark-bg-20; + } + + .smw-vtab-content { + border: 1px solid @dark-bg-30; + } + + div.smw-vtab-nav .smw-vtab-warning a { + color: #ffc876; + } + + div.smw-vtab-nav .smw-vtab-warning.active a { + color: #eb8c00; + } +} diff --git a/skinStyles/extensions/smw/jquery.jsonview.less b/skinStyles/extensions/smw/jquery.jsonview.less new file mode 100644 index 00000000..53159ec1 --- /dev/null +++ b/skinStyles/extensions/smw/jquery.jsonview.less @@ -0,0 +1,32 @@ +/* + * Citizen - SMW jQuery Json View + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .jsonview .prop { + color: @dark-text-100; + } + + .jsonview .null { + color: @red-50; + } + + .jsonview .undefined { + color: @red-50; + } + + .jsonview .bool { + color: @accent-50; + } + + .jsonview .num { + color: @accent-50; + } + + .jsonview .string { + color: @green-50; + } +} diff --git a/skinStyles/extensions/smw/jquery.selectmenu.styles.less b/skinStyles/extensions/smw/jquery.selectmenu.styles.less new file mode 100644 index 00000000..258f7e89 --- /dev/null +++ b/skinStyles/extensions/smw/jquery.selectmenu.styles.less @@ -0,0 +1,284 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + /** + jquery/jquery.selectmenu.css + */ + .sm_target_clicked { + background-color: @dark-bg-20; + border-color: rgba( 27, 31, 35, 0.35 ); + box-shadow: inset 0 0.15em 0.3em rgba( 27, 31, 35, 0.15 ); + } + + .sm_sub_header:hover { + color: @dark-text-100 !important; + } + + .sm_sub_header button { + color: @dark-text-100; + } + + .sm_container { + border: 1px solid @dark-bg-30; + background-color: @dark-bg-10; + box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + } + + .sm_header > h3 { + color: @dark-text-90; + } + + .sm_header button { + color: @dark-text-60; + } + + .sm_header button:hover { + color: @dark-text-100; + } + + .sm_input { + background-color: @dark-bg-0; + border: 1px solid @dark-bg-20; + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + } + + .sm_input:focus { + border: 1px solid @dark-bg-50; + box-shadow: 0 0 0 3px rgba( 150, 150, 150, 0.2 ); + } + + div.sm_clear_btn { + color: @dark-text-70; + } + + div.sm_clear_btn:hover { + color: @dark-text-100; + } + + .sm_result_area { + background-color: @dark-bg-0; + } + + .sm_result_area.sm_list_mode { + border-top: 1px solid @dark-bg-20; + } + + div.sm_result_area.shadowDown { + box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.2 ); + } + + div.sm_result_area.shadowUp { + box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + -moz-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + -webkit-box-shadow: 0 -1px 12px rgba( 0, 0, 0, 0.2 ); + } + + .sm_result_tabs { + border-bottom: 1px solid @dark-bg-20; + } + + .sm_result_tabs ul li a { + color: @dark-text-70; + } + + .sm_result_tabs ul li a.active { + color: @dark-text-90; + background-color: @dark-bg-0; + border-color: @dark-bg-20; + border-bottom-color: @dark-bg-0; + } + + .sm_arrow_bottom > .sm_arrow { + border-bottom-color: @dark-bg-50; + border-bottom-color: rgba( 0, 0, 0, 0.25 ); + } + + .sm_arrow_bottom > .sm_arrow:after { + border-bottom-color: @dark-bg-0; + } + + .sm_arrow_bottom > .sm_arrow.sm_have_title:after { + border-bottom-color: @dark-bg-10; + } + + .sm_arrow_top > .sm_arrow { + border-top-color: @dark-bg-50; + border-top-color: rgba( 0, 0, 0, 0.25 ); + } + + .sm_arrow_top > .sm_arrow:after { + border-top-color: @dark-bg-0; + } + + .sm_results { + background-color: @dark-bg-0; + } + + .sm_regular .sm_results > li:hover { + background-color: #53a4ea; + color: @dark-text-100; + } + + .sm_regular .sm_results > li:hover a { + color: @dark-text-100; + } + + .sm_regular .sm_results > li.sm_disabled, + .sm_regular .sm_results > li.sm_disabled:hover, + .sm_regular .sm_results > li.sm_disabled a { + background-color: @dark-bg-0; + color: @dark-text-70; + } + + .sm_regular .sm_results > li.sm_header, + .sm_regular .sm_results > li.sm_header:hover, + .sm_regular .sm_results > li.sm_header a { + background-color: @dark-bg-0; + color: @dark-text-100; + } + + .sm_results > li { + color: @dark-text-100; + } + + .sm_results > li > a { + color: @dark-text-100; + } + + .sm_results > li.sm_divider { + border-bottom: 1px solid @dark-bg-20; + } + + ul.sm_results > li.sm_over { + background-color: #53a4ea !important; + color: @dark-text-100 !important; + } + + .sm_control_box { + background-color: @dark-bg-0; + border-top: 1px solid @dark-bg-20; + } + + .sm_control_box button { + background-color: @dark-bg-10; + color: @dark-text-80; + } + + .sm_control_box button:hover { + background-color: @dark-bg-20; + color: @dark-text-100; + } + + div.sm_container_combo { + border: 1px solid @dark-bg-30; + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ); + } + + div.sm_container_combo.sm_disabled, + div.sm_container_combo.sm_disabled ul.sm_element_box, + div.sm_container_combo.sm_disabled .sm_input { + background-color: @dark-bg-20; + } + + div.sm_container_combo.sm_container_open { + -webkit-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + -moz-box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + box-shadow: inset 0 1px 1px rgba( 0, 0, 0, 0.075 ), 0 0 8px rgba( 82, 168, 236, 0.6 ); + border: 1px solid #75b9f0; + } + + input.sm_combo_input[ readonly ], + input.sm_combo_input[ disabled ] { + background-color: @dark-bg-0; + } + + ul.sm_element_box li.selected_tag { + border: 1px solid @dark-bg-50; + background-color: @dark-bg-20; + box-shadow: 0 0 2px @dark-bg-0 inset, 0 1px 0 rgba( 0, 0, 0, 0.05 ); + } + + .sm_input_off { + background: @dark-bg-20; + color: @dark-text-90; + } + + .sm_navi { + background: @dark-bg-20; + border-bottom: 1px solid #79b; + } + + .sm_navi > p > a:link, + .sm_navi > p > a:visited, + .sm_navi > p > a:hover, + .sm_navi > p > a:active { + color: @accent-50; + } + + .sm_navi > p { + color: @dark-text-100; + } + + .sm_navi > p > a > .current { + color: @accent-10; + } + + .sm_navi > p > .page_end { + color: @dark-text-70; + } + + .sm_container > .sm_select_ng { + background: #fcc; + } + + div.sm_result_area div.pagination > ul > li > a { + background-color: @dark-bg-0; + color: @dark-text-70; + } + + div.sm_result_area div.pagination > ul > li > a:hover { + color: @dark-text-100; + background-color: @dark-bg-20; + } + + div.sm_result_area div.pagination > ul > li.disabled > a { + color: @dark-text-80; + } + + div.sm_result_area div.pagination > ul > li.disabled > a:hover { + color: @dark-text-80; + background-color: @dark-bg-0; + } + + div.sm_result_area div.pagination > ul > li.pageInfoBox > a { + color: @dark-text-70; + } + + div.sm_result_area div.pagination > ul > li.pageInfoBox > a:hover { + color: @dark-text-70; + } + + /** + smw/smw.selectmenu.css + */ + .smw-selectmenu-button { + color: @dark-text-80; + } + + .smw-selectmenu-label { + color: @dark-text-80; + } +} diff --git a/skinStyles/extensions/smw/smw.content.schema.less b/skinStyles/extensions/smw/smw.content.schema.less new file mode 100644 index 00000000..209adc25 --- /dev/null +++ b/skinStyles/extensions/smw/smw.content.schema.less @@ -0,0 +1,84 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools + * TODO CHECK 'smw/ext.smw.table.css' +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .content-highlight { + border-top: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + border-bottom: 1px solid @dark-bg-20; + } + + .content-no-highlight-o { + background-color: @dark-bg-10; + border-top: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + border-bottom: 1px solid @dark-bg-20; + } + + .unknown-type .content-highlight { + border-top: 1px solid @dark-bg-20; + } + + .schema-tags { + border-bottom: 1px solid @dark-bg-20; + border-left: 1px solid @dark-bg-20; + border-right: 1px solid @dark-bg-20; + background-color: @dark-bg-10; + } + + .schema-tags:first-child { + border: 1px solid @dark-bg-20; + background-color: @dark-bg-10; + } + + .schema-tags li { + border-left: 1px solid @dark-bg-50; + } + + .smw-schema-description { + color: @dark-text-70; + } + + .schema-error { + color: #c00; + } + + h3.smw-title { + background: @dark-bg-10; + color: @dark-text-100; + } + + .smw-schema #tab-schema-usage:checked + label.nav-label .item-count { + background-color: rgba( 27, 31, 35, 0.08 ); + color: @dark-text-80; + } + + .smw-schema section { + border-top: 1px solid @dark-bg-20; + border-left: 0 solid @dark-bg-20; + border-right: 0 solid @dark-bg-20; + } + + .smw-schema input.nav-tab:checked + label.nav-label { + border: 1px solid @dark-bg-20; + border-top: 2px solid #337ab7; + border-bottom: 1px solid @dark-bg-0; + } + + .smw-schema input.nav-tab:checked + label.nav-label.error-label { + border-top: 2px solid #c00; + } + + .schema-summary .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + border-bottom: 1px solid @dark-bg-20; + } +} diff --git a/skinStyles/extensions/smw/smw.jsonview.less b/skinStyles/extensions/smw/smw.jsonview.less new file mode 100644 index 00000000..d922c7e1 --- /dev/null +++ b/skinStyles/extensions/smw/smw.jsonview.less @@ -0,0 +1,22 @@ +/* + * Citizen - SMW Json View + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-jsonview-button { + background-color: #337ab7; + color: @dark-text-100; + } + + .smw-jsonview-button:first-child { + border-right: 1px solid @dark-bg-0; + } + + .smw-jsonview-button:hover { + background-color: #008cba; + color: @dark-text-100; + } +} diff --git a/skinStyles/extensions/smw/smw.special.search.styles.less b/skinStyles/extensions/smw/smw.special.search.styles.less new file mode 100644 index 00000000..2291970c --- /dev/null +++ b/skinStyles/extensions/smw/smw.special.search.styles.less @@ -0,0 +1,52 @@ +/* + * Citizen - SMW Special Search + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-search-results-prepend { + background-color: @dark-bg-20; + border: 1px solid rgba( 94, 157, 200, 0.25 ); + } + + .smw-text-strike > span:before, + .smw-text-strike > span:after { + background: @dark-bg-50; + } + + .smw-input { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-select-field { + border-bottom: 1px solid @dark-bg-20; + } + + .smw-button-field { + color: @dark-text-70; + } + + .smw-form-link-query { + border-right: 1px solid @dark-bg-50; + } + + #smw-searchoptions { + background-color: @dark-bg-10; + border: 1px solid @dark-bg-30; + } + + #smw-searchoptions .divider { + border-bottom: 1px solid @dark-bg-20; + } + + #smw-search-synatx-list code { + background-color: #5e9dc82e; + border: 1px solid #5e9dc84a; + } + + .search-types .current a:after { + color: @dark-text-80; + } +} diff --git a/skinStyles/extensions/smw/smw.summarytable.less b/skinStyles/extensions/smw/smw.summarytable.less new file mode 100644 index 00000000..01ac4f9d --- /dev/null +++ b/skinStyles/extensions/smw/smw.summarytable.less @@ -0,0 +1,28 @@ +/* + * Citizen - SMW Special Ask + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-summarytable .smw-table-cell, + .smw-table-head { + border: 1px solid @dark-bg-50; + border-bottom: 1px solid @dark-bg-20; + } + + @media screen and ( max-width: 800px ) { + .smw-summarytable .smw-table-row .smwpropname { + border-bottom: 0 solid @dark-bg-20; + } + + .smw-summarytable-imagecolumn .smw-summarytable-image { + border-top: 1px solid @dark-bg-20; + } + + .smw-summarytable-columns .smw-summarytable-columns-2:first-child { + border-bottom: 1px solid @dark-bg-20; + } + } +} diff --git a/skinStyles/extensions/smw/smw.tableprinter.datatable.styles.less b/skinStyles/extensions/smw/smw.tableprinter.datatable.styles.less new file mode 100644 index 00000000..3166fb80 --- /dev/null +++ b/skinStyles/extensions/smw/smw.tableprinter.datatable.styles.less @@ -0,0 +1,97 @@ +/* + * Citizen - SMW Tableprinter + * 'smw/printer/ext.smw.tableprinter.css' + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .smw-datatable table.dataTable.no-footer { + border-bottom: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable tfoot td { + border-bottom: 1px solid @dark-bg-50; + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable.compact tfoot th, + .smw-datatable table.dataTable.compact tfoot td { + border-bottom: 1px solid @dark-bg-50; + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable thead th, + .smw-datatable table.dataTable thead td, + .smw-datatable table.data.smw-datatable table.compact thead th, + .smw-datatable table.data.smw-datatable table.compact thead td, + .smw-datatable table.data.smw-datatable table.no-footer { + border-bottom: 1px solid @dark-bg-50; + } + + .smw-datatable table.dataTable thead th, + .smw-datatable table.dataTable thead td, + .smw-datatable table.data.smw-datatable table.compact thead th, + .smw-datatable table.data.smw-datatable table.compact thead td { + border-top: 1px solid @dark-bg-50; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: @dark-bg-30; + color: @dark-text-90; + border-color: @dark-bg-30; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover { + background: @accent-50; + color: @dark-text-100; + border-color: @accent-50; + } + + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, + .smw-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { + color: @dark-text-70; + } + + .smw-datatable .dataTables_wrapper .dataTables_filter input { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper select { + color: @dark-text-90; + border-color: @dark-bg-20; + } + + .smw-datatable .dataTables_wrapper select:focus, + .smw-datatable .dataTables_wrapper select:active, + .smw-datatable .dataTables_wrapper .dataTables_filter input:focus, + .smw-datatable .dataTables_wrapper .dataTables_filter input:active { + border: 1px solid @accent-50; + } + + .smw-datatable-toolbar .smw-dropdown button { + border: 1px solid @dark-bg-20; + } + + .smw-datatable-sep { + border-left: 1px solid @dark-bg-20; + } + + .smw-datatable-button { + color: #586069; + border: 1px solid @dark-bg-20; + } + + .smw-datatable-button:hover { + background-color: @dark-bg-10; + } +} diff --git a/skinStyles/extensions/smw/smw.tippy.less b/skinStyles/extensions/smw/smw.tippy.less new file mode 100644 index 00000000..7dd83ba2 --- /dev/null +++ b/skinStyles/extensions/smw/smw.tippy.less @@ -0,0 +1,42 @@ +/* + * Citizen - SMW Tippy Tooltips + * https://starcitizen.tools +*/ + +@import '../../../resources/variables.less'; + +@media ( prefers-color-scheme: dark ) { + .tippy-header { + background-color: @dark-bg-10; + border-bottom: 1px solid @dark-bg-20; + } + + .tippy-bottom { + background-color: @dark-bg-0; + border-top: 1px solid @dark-bg-20; + } + + .tippy-tooltip.light-border-theme[ x-placement^=bottom ] .tippy-arrow, + .tippy-tooltip.light-theme[ x-placement^=bottom ] .tippy-arrow, + .tippy-tooltip.light-border-theme[ x-placement^=bottom ] .tippy-arrow:after, + .tippy-tooltip.light-theme[ x-placement^=bottom ] .tippy-arrow:after { + border-bottom-color: @dark-bg-10; + } + + .tippy-cancel { + color: @dark-text-100; + text-shadow: 0 1px 0 @dark-bg-0; + } + + .tippy-cancel:hover { + color: @dark-text-100; + } + + .tippy-warning-circle { + background-color: @yellow-50; + } + + .tippy-error-circle { + background-color: @red-50; + } +}