Home Estilos Visuales / Temas

Tema Elementary para Sublime Text

24/09/2013 Estilos Visuales / Temas 34 Comments

Sublime Text es un editor de texto para desarrolladores sumamente popular por lo rico en funciones y soporte para infinita cantidad de lenguajes. Sublime Text es mi editor de texto favorito, y me ha ayudado mucho desde que comencé a escribir código.

Sublime Text por defecto luce bastante bien. Y además incluye varios temas de colores para la interfaz que pueden personalizarse de acuerdo a nuestras preferencias.

Mi favorito hasta la fecha había sido Monokai, que luce así:

Es muy cómodo a la vista, y los colores en los que se resaltan los elementos me parecen muy agradables y bonitos. Ese tipo de cosas para personas como yo (o similares jeje) son muy importantes, si voy a pasar horas viendo un editor y escribiendo en el, me gusta que se vea lo mejor posible.

Los temas claros que vienen con Sublime Text 3 no me gustan mucho, son bastante brillantes y el resaltado de texto es un poco feo. Por eso terminé usando Monokai que es oscuro. Para mi gratisima sorpresa y alegría, un usuario de DeviantArt decidió hacer un tema Elementary para Sublime Text que se integra de maravillas con elementary OS , he aquí el resultado:

El tema es totalmente sublime ;) y se integra de manera formidable con elementary OS. Aún si no usas este sistema, el tema es mas que genial y además incluye una versión con colores oscuros.

El tema Elementary para Sublime Text es compatible con Sublime Text 2 y Sublime Text 3 (versión en la cual lo probé).

Descargar Elementary for Sublime Text

Instalación

En Sublime Text ve a Preferences > Browse Packages esto abrirá la carpeta donde debemos pegar nuestro tema. Descomprime el archivo descargado y copia la carpeta Theme – Elementary .

Ahora en Sublime Text nuevamente haz click en Preferences > Settings – User esto abrirá un archivo en el cual debemos añadir la siguiente linea de código:

Para Sublime Text 2 : 

"theme": "Elementary Light.sublime-theme"

Para Sublime Text 3 : 

"theme": "Elementary Light 3.sublime-theme"

Ctrl+S para salvar y listo. Ahora para activar nuestro tema, simplemente vamos a Preferences > Color Schemes > Theme Elementary y elegimos cualquiera de los dos estilos.

Espero les guste. Por último, revisen las notas del autor en DeviantArt que incluyen algunos teweaks extras para el tema.

Tags: , ,

About The Author

gabriela2400

Me gustan las computadoras, cocinar, Batman y mis gatos. Puedes perseguirme en Twitter , DeviantArt o en Google+ .

Related Posts

  • Edison Ibañez

    Buen aporte, una pregunta, que tema gtk estas usando…

    • / Gabriela Gonzalez

      http://kxmylo.deviantart.com/art/Arena-theme-389847353

  • beofos

    y que onda con la barra de menus?

    • Edipo

      Puedes usar mate-panel para tener un menu global :P

      • beofos

        como? intente pero mori en el intento, nunca use mate. En cambio con gnome-panel no tuve problema, pero es un poco viejo.. y no queda tan bien integrado

        • Edipo

          En realidad no hay gran diferencia entre el gnome-panel y mate-panel
          Me cambié a mate-panel porque es transparente jaja

          No recuerdo bien como hice, pero instalé mate (hay muchos tutoriales de como instalar mate por ahí) y los “indicators”, ahora veo que tengo instalado: indicator-appmenu, indicator-applet-complete, indicator-appmenu-gtk2, appmenu-gtk3, appmenu-gtk.. hasta tengo el appmenu-qt jajaja

          Acá ( http://comments.deviantart.com/1/331075300/3100830742 ) en los comentarios explican “como” hacerlo: http://kxmylo.deviantart.com/art/elementary-OS-Luna-Appmenu-1-331075300

          Así me quedó el tema de sublime con el mate-panel

          • beofos

            como cambiaste el color de las letras de mate-panel?
            te agradecería mucho si explicarías la configuración como para un idiota

            • Edipo

              El tema gtk o “Interface Theme” que estes usando define ese color.

              Entonces lo que tendrías que hacer si, por ejemplo, quieres modificar el tema elementary

              deberías ir como root a la carpeta: /usr/share/themes/elementary/
              fijarte si en el archivo gtkrc, dice algo como:

              include “Apps/xfce-panel.rc”

              o
              include “Apps/dark-panel.rc”

              Si tiene un # enfrente quiere decir que está comentado entonces tienes que sacarlo

              y editar dicho archivo, por ejemplo, si decía:

              include “Apps/xfce-panel.rc”

              debes editar el archivo
              /usr/share/themes/elementary/gtk-2.0/Apps/xfce-panel.rc

              En ese archivo debe decir:
              style “elementary-panel”

              Ahí es donde se define el color de letras, fg es la abreviación de foreground, y se refiere justamente a eso.
              Entonces defines por ejemplo, que tu panel sea rojo:
              fg[NORMAL] = “#D00″

              Si no conoces los colores en hexadecimal podes usar herramientas como http://www.colorpicker.com , gimp, o incluso gedit, ya que tiene un plugin para eso.

              • beofos

                Muchisimas gracias!!! Deberían hacer un post sobre esto, je

            • Guest

              Se me olvido algo. El archivo xfce-panel.rc debe contener las siguientes líneas:

              class “PanelApp ” style “elementary-panel”
              class “PanelToplevel               ” style “elementary-panel”
              class “ Xfce Panel ” style “elementary-panel”
              widget “               fast-user-switch ” style “elementary-panel”
              widget “PanelToplevel               PanelAppletFrame” style “elementary-panel”
              widget “PanelToplevel PanelMenuBar” style “elementary-panel”
              widget “PanelToplevel               PanelWidget ” style “elementary-panel”
              widget “               CPUFreq Applet ” style “elementary-panel”
              widget “ Xfce Panel ” style “elementary-panel”
              widget_class “BonoboPlug               PanelApplet ” style “elementary-panel”
              widget_class “               tray*” style “elementary-panel”

              Si alguna está comentada, descomentala. Aparentemente esas líneas sirven para asignar el estilo definido a esas clases y widgets.
              En realidad no se mucho sobre el tema, tal vez haya alguna forma más fácil de cambiar el color de letra de mate-panel. Aunque tampoco es taaan complicado.
              Saludos!

          • luis

            Hola, ¿como puedo tener el menu archivo en la barra principal?, ¿funciona con todas las aplicaciones?, de antemano gracias.

  • beofos

    pasa el link a devianart. Gracias

    • / Gabriela Gonzalez

      ¿El link a deviantart de que? se mas especifico ;)

      • beofos

        y de que estamos hablando? je. Del autor, del post… cualquiera relacionado que busco.
        “Por último, revisen las notas del autor en DeviantArt” como llegamos?
        se mas especifico, ja :P

        • / Gabriela Gonzalez

          [IMG]/d0b08dc4ff72a0121624644d09769474/5rWDV2h.png[/IMG]

          • beofos

            Muchas gracias, que intuitivo. Habia abierto todos los links, queria verlo en devianart antes de descargarlo, ja

  • ojitosazules

    A mi me gusta más el tema oscuro, no cansa demasiado la vista cuando uno pasa horas programando, y yo paso a veces días enteros haciéndolo. El problema es que al ponerlo en modo antidistracción (no recuerdo como se llama) los menúes de elementary siguen estando brillantes y distraen muchísimo. Por esa razón me cambié a Xubuntu :3

  • http://twitter.com/montogeek Fernando Montoya

    Resalta la parte que dice que trae versión en colores oscuros, a muchos nos interesa que sea así, entre al post con la esperanza que tuviera esa variedad y lo encontré :)

    • / Gabriela Gonzalez

      Pues si, la tiene. Se agradece porque el claro aunque muy bonito brilla mucho, intente usarlo ayer y no dure 20 segundos xD

  • Edipo

    Me paso horas usando sublime en elementary
    Muchisimas gracias (:

    • / Gabriela Gonzalez

      :)

  • Edipo

    Hi Gabriela!
    Que tema gtk es ese?

    • / Gabriela Gonzalez

      Arena http://kxmylo.deviantart.com/art/Arena-theme-389847353

      • Juan Lizcano

        Como Le quito el color rosadito al gtk Gabriella ?

        • / Gabriela Gonzalez

          Tienes que editar la hoja de estilos del tema GTK y la verdad no se en cual de los archivos va el panel lateral. I’m working on it. El rosadito es bonito, dejalo así xD

  • Juan Lizcano

    Genial Gabriela , Felicidades Por Este Aporte !!

    • / Gabriela Gonzalez

      :)

  • Ain Cortés Catoni

    Hola yo uso sublime en windows, antes escribía lo básico de mis sitios web en bloc de notas me pasé al sublime el año pasado y nunca más me separe de el, ahora probé el theme, pero creo que seguiré con monokai, ya que el theme de aquí es demasiado brillante y cansa la vista luego de un rato :(

    • / Gabriela Gonzalez

      Si, es cierto. ¿Probaste la versión oscura?

      • Ain Cortés Catoni

        Sí, es verdad que es menos cansadora, pero la combinación de colores no resalta “tanto” el código, como monokai.
        Ah, olvidaba decir que al principio no podía instalar el theme, porque al código anterior le faltaba una “,” por si a alguien le ocurre lo mismo.

        • aDn

          D: en que parte le falta esa “,” yo no puedo instalarlo

          • Ain Cortés Catoni

            Aquí adjunto una imagen.

  • temencio

    Me encanta el tema Arena, pero no me aguanto el rosado XD

  • aDn

    no me funciona. no me aparece el tema en el menu “color scheme” .__.