Wollok Dark Mode - Githubissues

fdodino commented 3 years ago

Además de resolver los issues

347
1521
1630
1928
1934

se provee un dark mode para mejorar la UX del project explorer, el outline, la consola REPL, el diagrama estático, el dinámico, el editor, el test runner, entre otros.

El resumen general de cosas que se resolvieron es éste:

Perspectivas

wollok-logo-64.fw.png ponerle el blanco para que resalte

Editor

(Done) Hay dos keyword,el segundo no se usa nunca, sacar uno de la configuración.
(Done) Agregar el nombre de la clase con una configuración de highlight
(Done) Agregar el nombre del object con una configuración de highlight
(Done) Agregar el nombre de la clase con una configuración de highlight
(Done) Encontrar la configuración de Problems para que no se vea tan oscura
(Done) Armar una configuración para dark y subirla al wollok-site, además de la explicación, cuando esté, subir wollokDarkMode.epf y que lo prueben LeoC en Mac y MatiF en Win

Colores VSC

(Por configuración) Keyword: 499CD5
(Done) WollokDoc: 77B767
(no aplica) Methods: DBDBAA
(Done) Parameters: DCDCAA
(Por configuración) String: CD9069
(No lo usamos) Local variable: 94DBFD -> C28AC7
(Done) Class: 39C8B0
(Done) Variable de instancia: 9CDCFE
(Por configuración) Numbers: B4CDA8

Consola

Artículo para ver los colores de la consola
Cambiar coloreado - Fase 1
- (Done) default
- (Done) keyword
- (Done) string
- (Done) valor devuelto (falta saber si es uno u otro)
Cambiar coloreado - Fase 2
- (Done) Cuando se invoque el launch, en ui tenemos que determinar si tiene el modo dark, agregar un parámetro más para recibirlo
- (Done) En la consola, adaptar el mensaje de error por un rojo más dark, el mensaje del REPL cyan cyan en lugar de verde oscuro y devolver amarillo en lugar de azul pero no hackearlo en WollokReplConsole, hacerlo en la clase ReplOutputFormatter.
- Revisar para que haga lo mismo el repl ejecutado desde wollok-cli (pasarle modo dark a mano, para que corrija los valores). No estaría funcionando del todo... revisar si se le puede poner bold.
- Arreglar los colores (X) blue, etc. para que sean más intensos o más claros y se vea mejor.
- (Done) Sacar el if de Mac en la consola el ReplOutputFormatter.
- (Done) Sacar el if para Mac, ya debería estar arreglado y poder usar el ReplOutputFormatter
- (Done) Agregar una configuración de la consola para que elija qué tipo de Formatter usar (hay un ticket de Wollok)
- (Done) REDISEÑAR LA PÁGINA PARA CREAR UNA CLASE ABSTRACTA , HAY QUE EVITAR LLAMAR AL PROCESS CHANGES!
- (Done) Ver el Validador preference page para ver si podemos sacar el prefijo y darle un nombre más legible
- (Done) Ver por qué el LauncherExtensions.noAnsiFormat no lo toma
- (Done) Si no está activado el output formatter, no hay que imprimir caracteres en rojo cuando cambia el archivo
- (Done) Cuando cambia el archivo, si está en modo dark estaría bueno ponerle un color más piola -> verde que se ve bien en dark/light
- (Done) Copiar el WollokRepl_End, i18nizarlo y detectar en base a eso que la consola se detuvo
- (NO SE PUEDE MAS QUE ESO)- Cuando se vuelva a activar la consola en la página, detectar el background que le corresponde
- (Done) Cuando hacés quit a mano la consola está running... no lo desactiva
- (Done) Ver si podemos hacer que aparezca el ícono en Stopped/Outdated -> es un tema de CLabel, que ignora el ícono si no tiene suficiente espacio
- (Done) Fixear la consola habilitada/deshabilitada en base al modo dark
Iconos
- (Done) Export history - usar 20x20 para ícono y mejorarlo. Pero se ve ok.

Diagrama Estático

Iconos
- (Done) Erase, ponerle fondo blanco o similar
- (Done) Variables
- (Done) Pin
- (Done) Eraser
- (Done) Zoom In/Zoom Out

Diagrama dinámico

(Done) revisar https://www.viget.com/articles/color-contrast/ (Pendiente) 3C6478 Lighter Indigo (Done) AD2A1A Darker Ruby (o Ruby)
(Done) Poner bold para dark mode
Iconos
- (Done) Show transition
- (Done) Show all hidden objects in diagram
- (Done) Zoom in
- (Done) Zoom out
- (Done) Export this diagram to image
- (Done) Remember position
- (Done) Revisar si todos los íconos pueden conservar el mismo tamaño (18x18) en Dark mode para que no se vean tan grandes

Outline

Iconos
- (Done) el wlk debería usar el que tiene blanco (no más w.wlk sino wlk.png)
- (Done) variable
- (Done) constante

Project Explorer

(Done) wlk, agregarle blanco de fondo para que resalte cuando sea negro
(Done) wtest
(Done) wpgm
El proyecto de Wollok aparece como Java... por ahí se le puede poner el logo de Wollok

Test Runner

(No lo toma, descartado) Podría tener un gris en lugar del negro en el container principal (revisar los sash)
Iconos
- (Done) Test, generar uno para dark mode
- (Done) Test con Diagrama dinámico, generar uno para dark mode
- (Done) Los íconos para tests fallido resaltar la cruz
- (Done) Íconos para test con error resaltar signo de exclamación
- (Done) Running... tiene que estar con otro color el label
- (Done) Wtest / Describe / Test run está en azul, pasarlo a un celeste
- (Done) al principio decora los backgrounds al pepe, hay que evitarlo si estás en dark mode porque redibuja 2 veces

Wizard

(Done) Cambiar ícono asociado cuando hacés New en el Wizard, no deberíamos mostrar nada, ya cada uno tiene su ícono pero aparece el logo viejo del test.
Iconos
- (Done) wlk32x32
- (Done) test32x32
- (Done) program32x32

A futuro https://www.eclipse.org/forums/index.php/t/1101764/ crear un theme

coveralls commented 3 years ago

Coverage remained the same at 86.195% when pulling fe5ce4ee4f19fa2113814363fb249342b14431dd on fix-#1934-dark-mode into b7b6652d57a6e9ea07a113c6de659fda446048ed on dev.

fdodino commented 3 years ago

Listo! Cerramos con Nahue el release 2.0.2

uqbar-project / wollok

Wollok Dark Mode #1942

347

1521

1630

1928

1934