EditorParity/es

EditorParity es una hoja de estilos que rediseña las interfaces de WikiEditor, AceEditor, y VisualEditor dándoles más consistencia visual, además de arreglar algunos errores. Hay una segunda hoja de estilos complementaria que incluye más cambios, pero solo de uso personal.

Instalación[]

Descripción[]

La hoja de estilo busca brindar consistencia a todas las interfaces de edición, y también corrige algunos errores. Apunta al editor visual, su modo fuente y al editor de código, junto con el editor utilizado en las páginas de códigos.

Cambios de diseño[]

A list of what it changes by default is:

Non-editor changes
- Fixes the alert and success colors on dark theme across the entire wiki.
- Fixes lines on <syntaxhighlight> tags, as well as the copy button.

VisualEditor (Visual editor and 2017 source editor)
- Modifies popup menus:
  - Fixes template descriptions in "Template".
  - Fixes the styling of the help icon button in "Template".
  - Fixes symbol borders and colors in "Math formula" and "Chemical formula".
  - Fixes the CodeEditor (AceEditor) textarea in "Math formula" and "Chemical formula".
  - Fixes symbol appareance in dark theme on "Special characters".
  - Fixes bottom borders in "Language" and "Insert link".
  - Fixes border colors in "Image and media" and "Gallery".
- Modifies summary area:
  - "Show changes", "Preview" and "Cancel" now include a background when hovering over them.
  - Makes "Cancel" use the same alert color than WikiEditor.

WikiEditor (2010 source editor)
- Modifies the toolbar appareance:
  - Toolbar padding now is consistent with VisualEditor's toolbar.
  - Toolbar borders now adapt to both CodeMirror's "Syntax highlighting preferences" and "Search and replace" toggles.
  - Integrates the "Drop files here" section inside the toolbar instead of leaving it outside.
  - Fixes toolbar buttons' background color when hovering over them.
- Modifies popup menus:
  - These now have a black translucent background color instead of white, like other popup interfaces, if they have one.
  - Fixes the "Insert link" alert color when writing an unexistent page name.
  - Modernizes the "Insert files" menu, and turns the alternative text help into a toggle button.
  - Fixes the bottom border being of a default gray color.
  - Input elements in the "Insert table" menu now adapt to dark theme.
- Modernizes the dropdown-like buttons:
  - Moves "Special characters" to the left, also hiding its text.
  - Adds arrow icons to the right of "Advanced", "Special characters" and "Help".
  - Changes icons and font of "Advanced", "Special characters", "Help" and "Heading".
  - "Heading" options floating selection menu now matches its VisualEditor counterpart.
  - These buttons now act as proper buttons, with a background color when hovering over them or by pressing them.
- Modifies summary area:
  - Changes summary area appareance to be similar to VisualEditor's.
  - "Show changes", "Show preview" and "Cancel" now include a background when hovering over them.
  - "Show changes" and "Show preview" now match their VisualEditor counterparts.
  - Fixes "Cancel" button colors in dark theme.
- Improves accesibility of CodeMirror's syntax highlighting.
  - Fixes dark theme colors.
  - Fixes colorblind mode, both light and dark themes.

Normal highlighting	Colorblind highlighting
Symbols	Symbols
Tags	Tags
Parser functions	Parser functions
Templates	Templates
Parameters	Parameters
Links	Links
Tables	Tables
HTML comments	HTML comments

CodeEditor (AceEditor) (CSS, Lua, JS, JSON, Infobox, etc. editor)
- Modifies the toolbar appareance:
  - Toolbar borders now adapt to the "Toggle code editor" and ""Toggle search and replace dialog" toggles.
  - Fixes the styling of "Search and replace", now matching the toolbar color.
  - Line number bar is now consistent with WikiEditor's version.
- Fixes appareance of CodeEditor-specific tools:
  - Fixes touch controls (available for tablet-like devices when touching the screen).
  - Fixes the controls (keyblard shortcuts) menu (accessible through F1).
  - Fixes the editor settings menu (accessible through Ctrl + ,).

Light theme settings, accessible through Ctrl + ,.

Dark theme settings, accessible through Ctrl + ,.

Complemento[]

Esta hoja de estilos también tiene un complemento que cambia aún más elementos, pero es sólo para uso personal porque agrega características adicionales que no se pueden usar en todo el sitio. El complemento debe implementarse a la vez junto al estilo base, porque sin él no funciona correctamente.

Cambios del complemento[]

Una lista de cambios adicionales usando el complemento es:

WikiEditor y AceEditor
- Reorganiza la estructura del área de resumen para que sea casi la misma que la versión de VisualEditor.
- Oculta parcialmente la navegación global, solo dejando los botones como contenedores flotantes.
- El botón Explora solo mantiene el enlace a Community Central, dado su enfoque a editores.

Estilos y scripts soportados[]

Existen algunos scripts u hojas de estilo que son compatibles con esta hoja de estilo:

Name	Type	Notes
DateInserter	Script	It doesn't conflict with EditorParity.
DecodeURI	Script	There is a CSS rule specific for supporting this.
MaximizeAce	Script	It doesn't conflict with EditorParity.
Modern2010Editor	Stylesheet	It works for most scenarios, but at very small screens the summary area may not render properly.
Nord	Stylesheet	It doesn't conflict with EditorParity.
OldSyntaxHighlight	Stylesheet	It doesn't conflict with EditorParity.
PreloadTemplates	Script	There is a CSS rule specific for supporting this.
ResizableCodeMirror	Script	There is a CSS rule specific for supporting this.
Standard Edit Summary	Script	There is a CSS rule specific for supporting this.
StickySummary	Script	It doesn't conflict with EditorParity.
SyntaxHighlight	Script	It doesn't conflict with EditorParity.
TemplateWizard	Script	It doesn't conflict with EditorParity.