Autor Tema: como cambiar los colores de los temas  (Leído 771 veces)

hokuto40

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
como cambiar los colores de los temas
« en: Abril 23, 2019, 08:12:27 pm »
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

  • Sr. Member
  • ****
  • Mensajes: 462
  • Karma: 17
    • Amaka Soft
Re:como cambiar los colores de los temas
« Respuesta #1 en: Abril 23, 2019, 11:06:56 pm »
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

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #2 en: Abril 24, 2019, 09:26:18 am »
No surge ningun efecto,lo he intentado muchas veces pero nada.

Estoy utilizando la version desktop.
Código: [Seleccionar]
/* 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

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #3 en: Abril 24, 2019, 09:32:45 am »
Estos son los colores que yo uso,que es una modificacion del tema obsidian.
Código: [Seleccionar]
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

« última modificación: Abril 24, 2019, 09:34:33 am por hokuto40 »

AmakaSt

  • Sr. Member
  • ****
  • Mensajes: 462
  • Karma: 17
    • Amaka Soft
Re:como cambiar los colores de los temas
« Respuesta #4 en: Abril 24, 2019, 09:41:58 am »
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

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #5 en: Abril 24, 2019, 03:48:48 pm »
No funciona.

AmakaSt

  • Sr. Member
  • ****
  • Mensajes: 462
  • Karma: 17
    • Amaka Soft
Re:como cambiar los colores de los temas
« Respuesta #6 en: Abril 24, 2019, 04:09:28 pm »
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

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #7 en: Abril 24, 2019, 08:15:50 pm »
Ahora si,pulsando f5 me funciona. :)

SplinterGU

  • Hero Member
  • *****
  • Mensajes: 12894
  • Karma: 377
Re:como cambiar los colores de los temas
« Respuesta #8 en: Abril 25, 2019, 03:09:18 am »
que significa "termindo"? :D
Download Lastest BennuGD Release: http://www.bennugd.org/node/2

hokuto40

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #9 en: Abril 25, 2019, 02:12:04 pm »
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
« última modificación: Abril 25, 2019, 02:13:35 pm por hokuto40 »

SplinterGU

  • Hero Member
  • *****
  • Mensajes: 12894
  • Karma: 377
Re:como cambiar los colores de los temas
« Respuesta #10 en: Abril 25, 2019, 07:00:44 pm »
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

  • Full Member
  • ***
  • Mensajes: 164
  • Karma: 0
Re:como cambiar los colores de los temas
« Respuesta #11 en: Abril 26, 2019, 05:06:51 pm »
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

  • Sr. Member
  • ****
  • Mensajes: 462
  • Karma: 17
    • Amaka Soft
Re:como cambiar los colores de los temas
« Respuesta #12 en: Abril 30, 2019, 06:32:09 am »
Para cambiar el color de la selección de línea de código, creo que son las líneas: 294 y 295