mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 06:24:22 +00:00
Add SMW darkmode
This commit is contained in:
Hannes
parent
05976a23aa
commit
0e133407a1
20
skin.json
20
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",
|
||||
|
|
|
|||
49
skinStyles/extensions/smw/ext.jquery.atwho.less
Normal file
49
skinStyles/extensions/smw/ext.jquery.atwho.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
119
skinStyles/extensions/smw/ext.libs.tippy.less
Normal file
119
skinStyles/extensions/smw/ext.libs.tippy.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
150
skinStyles/extensions/smw/ext.smw.ask.styles.less
Normal file
150
skinStyles/extensions/smw/ext.smw.ask.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
114
skinStyles/extensions/smw/ext.smw.browse.styles.less
Normal file
114
skinStyles/extensions/smw/ext.smw.browse.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
42
skinStyles/extensions/smw/ext.smw.modal.styles.less
Normal file
42
skinStyles/extensions/smw/ext.smw.modal.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
127
skinStyles/extensions/smw/ext.smw.page.styles.less
Normal file
127
skinStyles/extensions/smw/ext.smw.page.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
66
skinStyles/extensions/smw/ext.smw.special.style.less
Normal file
66
skinStyles/extensions/smw/ext.smw.special.style.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
19
skinStyles/extensions/smw/ext.smw.special.styles.less
Normal file
19
skinStyles/extensions/smw/ext.smw.special.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
472
skinStyles/extensions/smw/ext.smw.style.less
Normal file
472
skinStyles/extensions/smw/ext.smw.style.less
Normal file
|
|
@ -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 );
|
||||
}
|
||||
}
|
||||
36
skinStyles/extensions/smw/ext.smw.table.styles.less
Normal file
36
skinStyles/extensions/smw/ext.smw.table.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
24
skinStyles/extensions/smw/ext.smw.tooltip.styles.less
Normal file
24
skinStyles/extensions/smw/ext.smw.tooltip.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
70
skinStyles/extensions/smw/ext.smw.vtabs.styles.less
Normal file
70
skinStyles/extensions/smw/ext.smw.vtabs.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
32
skinStyles/extensions/smw/jquery.jsonview.less
Normal file
32
skinStyles/extensions/smw/jquery.jsonview.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
284
skinStyles/extensions/smw/jquery.selectmenu.styles.less
Normal file
284
skinStyles/extensions/smw/jquery.selectmenu.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
84
skinStyles/extensions/smw/smw.content.schema.less
Normal file
84
skinStyles/extensions/smw/smw.content.schema.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
22
skinStyles/extensions/smw/smw.jsonview.less
Normal file
22
skinStyles/extensions/smw/smw.jsonview.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
52
skinStyles/extensions/smw/smw.special.search.styles.less
Normal file
52
skinStyles/extensions/smw/smw.special.search.styles.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
28
skinStyles/extensions/smw/smw.summarytable.less
Normal file
28
skinStyles/extensions/smw/smw.summarytable.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
42
skinStyles/extensions/smw/smw.tippy.less
Normal file
42
skinStyles/extensions/smw/smw.tippy.less
Normal file
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue