como cambiar los colores de los temas

Started by hokuto40, April 23, 2019, 08:12:27 PM

« previous - next »

0 Members and 1 Guest are viewing this topic.

hokuto40

Estoy mirando como cambiar el color de las letras y el fondo del editor de codigo para que sea igual al que yo tengo en el notepad de gemix.

He mirado el archivo codemirror y el archivo estilo y hay tantas cosas en dentro que no se donde puedo cambiar los colores.

Me puedes explicar donde puedo cambiar esto.

AmakaSt

El archivo codemirror.css es para cambiar los colores y formatos de editor de texto.

A partir de la línea 96 tienes los colores de las fuentes, hasta la 130... más o menos. Y el color del fondo del editor es la línea 148.

Cambiando esas líneas cambiara los colores del código.

Un saludo.

hokuto40

No surge ningun efecto,lo he intentado muchas veces pero nada.

Estoy utilizando la version desktop.

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #f80;}
.cm-s-default .cm-atom {color: #999;}
.cm-s-default .cm-number {color: #fff;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable {color: #ff0;}
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {color: #fff;}
.cm-s-default .cm-variable-2 {color: #d33;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #37a;}
.cm-s-default .cm-string {color: #7e5;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #000;}
.cm-s-default .cm-tag {color: #9be;}
.cm-s-default .cm-special {color: #0ab;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */


Esto es lo que estoy cambiando y nada de nada.

hokuto40

#3
Estos son los colores que yo uso,que es una modificacion del tema obsidian.

colores en html:
fondo = #293134 - negro
relieve sintactico = #C0C0C0 - gris claro
relieve sintactico2 = #212f3d - azul oscuro
condicionales = #93C754 - verde claro
condicionales2 = #93C736 - verde menos claro
constantes = #FE89A9 - rosa claro
funciones = #678CB1 - azul claro
comentarios = #66747B - gris claro
numeros = #FFCD22 - amarillo apagado
operadores = #93C754 - verde claro
texto = #EC7600 - naranja apagado



AmakaSt

En esto debería de funcionar igual, como no se te este guardando los estilos anteriores a los cambios en la cache.
Las principales:
.cm-s-default .cm-atom {color: #999;} //esto es para los nombres de las variables definidas de DivGO, gris oscuro
.cm-s-default .cm-number {color: #fff;} //esto es para los numeros, blanco
.cm-s-default .cm-variable {color: #ff0;} //esto es para las variables definidas por el usuario, amarillo
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {color: #fff;} //para los operadores, blanco
.cm-s-default .cm-comment {color: #37a;} //para los comentarios, azulado similar al del fondo pero mas oscuro
.cm-s-default .cm-string {color: #7e5;} //para los textos, verde claro
.cm-s-default .cm-tag {color: #9be;} //para las funciones de DivGO, azul claro


hokuto40


AmakaSt

Una vez hagas el cambio, pulsa F5 en DivGO o Ctrl+F5 para limpiar la cache.

Si sigue sin ir, ves a la carpeta webcache y borra la carpeta Cache, solo la de Cache. Aun así si tienes algún código iniciado cópialo y guárdalo en un .txt por si acaso.

Debería de ir si o si. A mí me funciona con solo pulsar F5, una vez hago el cambio.

hokuto40


SplinterGU

Download Lastest BennuGD Release: http://www.bennugd.org/node/2

hokuto40

#9
Quote from: SplinterGU on April 25, 2019, 03:09:18 AM
que significa "termindo"? :D

jejejeje,como suelo escribir muy rapido me como algunas palabras de vez en cuando.

Pero ya que esta hecho,voy a hablar con la real academia para ver si me la acepta como nueva palabra.

Y con esto termindo. ;D

SplinterGU

Quote from: hokuto40 on April 25, 2019, 02:12:04 PM
Quote from: SplinterGU on April 25, 2019, 03:09:18 AM
que significa "termindo"? :D

jejejeje,como suelo escribir muy rapido me como algunas palabras de vez en cuando.

Pero ya que esta hecho,voy a hablar con la real academia para ver si me la acepta como nueva palabra.

Y con esto termindo. ;D

hehehe... ;)
Download Lastest BennuGD Release: http://www.bennugd.org/node/2

hokuto40

Estoy viendo que las variables internas y las constantes se colorean del mismo color.Me gustaria colorearlas de distinto color,¿como lo hago?.

Otra pregunta,en notepad++ cuando pongo el raton en una linea se resalta todo esa linea,¿como le pongo color a esto?, porque veo que no lo tienes puesto en ningun tema.

Cuando seleccionas una cantidad de codigo con el raton se resalta todo de un color,¿donde puedo cambiar este color?.

Tengo casi terminado el tema de colores,respondeme cuando puedas y cuando lo termine comparto para que lo añadas en la siguiente version.

AmakaSt

Para cambiar el color de la selección de línea de código, creo que son las líneas: 294 y 295

hokuto40

Dejo aqui el tema de colores que hice para divgo porque en el hilo principal de divgo ha quedado enterrado entre tantos mensajes.