mediawiki-skins-Citizen/skinStyles/extensions/VisualEditor/ext.visualEditor.diffing.less
alistair3149 1d10b669a6
feat(VisualEditor): update VisualEditor styles
Redo VE styles for 1.39 properly by going through the source code.
Since VE is massive and complex, this might not cover all the use cases but
it should be better than the implementation before.
2023-02-06 17:42:46 -05:00

79 lines
1.8 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:VisualEditor
* Module: ext.visualEditor.diffing
* Version: REL1_39 65d89c9
*
* Date: 2023-02-06
*/
/* ve.ui.DiffElement.css */
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
border-right-color: var( --border-color-base );
}
.ve-ui-diffElement-attributeChange {
color: var( --color-base--subtle );
}
.ve-ui-diffElement-no-changes {
color: var( --color-base--subtle );
}
.ve-ui-diffElement-spacer {
color: var( --color-base--subtle );
}
/*
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
background: #b6d4fb;
}
.ve-ui-diffElement-highlight {
outline: 3px solid #6da9f7;
}
.ve-ui-diffElement-attributeChange del {
background-color: #f2c2bf;
box-shadow: 0 0 0 1px #f2c2bf;
}
.ve-ui-diffElement-attributeChange del:hover {
background-color: #f2c2bf;
box-shadow: 0 0 0 1px #f2c2bf;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #c4ede4;
box-shadow: 0 0 0 1px #c4ede4;
}
[ data-diff-action='insert' ],
[ data-diff-action='insert' ] > caption,
[ data-diff-action='insert' ] > figcaption {
background-color: rgba( 0, 175, 137, 0.5 ) !important;
box-shadow: 0 0 0 1px rgba( 0, 175, 137, 0.5 );
}
[ data-diff-action='remove' ],
[ data-diff-action='remove' ] > caption,
[ data-diff-action='remove' ] > figcaption {
background-color: rgba( 209, 29, 19, 0.5 ) !important;
box-shadow: 0 0 0 1px rgba( 209, 29, 19, 0.5 );
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: rgba( 109, 169, 247, 0.5 ) !important;
box-shadow: 0 0 0 1px rgba( 109, 169, 247, 0.5 );
}
[ data-diff-move ],
[ data-diff-move ] > caption,
[ data-diff-move ] > figcaption {
background: rgba( 213, 217, 225, 0.5 );
outline: 5px solid rgba( 213, 217, 225, 0.5 );
}
*/