Podemos usar hojas de estilo en cascada (CSS) para lograr esto.
Si eres nuevo en CSS y quieres ayuda / tutorial, mira esta pregunta de desbordamiento de pila:
Consulte también el Wiki ReText para el archivo de configuración:
Siga estos pasos para crear y modificar el archivo CSS:
ReText almacena sus archivos de configuración en ~/.config/ReText project/ReText.conf
. Abra su Administrador de archivos (Nautilus si está usando Ubuntu). Presione Ctrl+ Hpara mostrar todos los archivos ocultos. Ahora, navegue al directorio .config
→ ReText project
. Aquí lo encontrarás ReText.conf
. Tendríamos que editarlo para apuntar a nuestro css
archivo. Pero primero creemos el css
archivo.
En este mismo directorio crea un archivo llamado myconfig.css
(puedes nombrarlo como quieras). Ahora ábralo en un editor de texto.
Edite el archivo de la siguiente manera:
code {
font-family: Ubuntu Mono, DejaVu Sans Mono;
background-color: #D3D3D3;
}
pre {
background-color: #D3D3D3;
}
Obviamente, lo que quiere es establecer solo la font-family
propiedad para code
etiquetar. Sin embargo, recomiendo establecer la background-color
propiedad también para ambos code
y las pre
etiquetas. Yo he dado la background-color
a LightGrey
(su valor hexadecimal es #D3D3D3
). Puede modificar el color según sus gustos y preferencias. El siguiente enlace debería ayudarlo a este respecto.
Ahora modifique el archivo de configuración de ReText para señalarlo a la hoja de estilo recién creada. Abra ~/.config/ReText project/ReText.conf
en su Editor de texto y agregue la styleSheet
configuración al final y apúntela a su ubicación. Para mi es:
styleSheet=/home/aditya/.config/ReText project/myconfig.css
Nota:
- Asegúrese de proporcionar la ruta completa al archivo. No puede expandirse
~
como tu $HOME
.
- Además, si nombró su archivo css como algo diferente
myconfig.css
o lo colocó en otro directorio, asegúrese de proporcionar el nombre y la ruta de archivo correctos.
Si ya tenía ReText ejecutándose, ciérrelo y reinícielo nuevamente para que los cambios surtan efecto.
Cómo saber qué HTML <tag>
modificar
Si no está seguro acerca de los nombres de las etiquetas, puede ver el código HTML de su descuento y luego hacer sus cambios preferidos a CSS.
Menú Editar → Ver código HTML mostrará el marcado de su texto de descuento.