Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. International
  3. Spanish
  4. Personalizar Qt Creator con Hojas de estilos(stylesheets)
Forum Updated to NodeBB v4.3 + New Features

Personalizar Qt Creator con Hojas de estilos(stylesheets)

Scheduled Pinned Locked Moved Spanish
2 Posts 2 Posters 3.5k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    mrondon
    wrote on last edited by
    #1

    El otro dia, buscando en internet como personalizar Qt Creator con hojas de estilos encontré con el siguiente link en stackoverflow
    http://stackoverflow.com/questions/2244774/qt-creator-color-scheme
    allí encontré esta hoja de estilos y le hice algunos cambios para personalizarla
    https://dl.dropboxusercontent.com/u/54323116/habr/01/attach/stylesheet.css
    y así quedó mi Qt Creator
    !https://drive.google.com/file/d/0B2Od97DZaZVbUjYtRjlSZzF4WlE/edit?usp=sharing
    !https://drive.google.com/file/d/0B2Od97DZaZVbazFNVUNlaE52TVU/edit?usp=sharing
    Sin embargo en el editor de propiedade el estilo no quedó muy bien que digamos, así que tu lo mejoras me gustaria que compartas en este foro la solución
    !https://drive.google.com/file/d/0B2Od97DZaZVbbUJZaUxlVUVEU3c/edit?usp=sharing
    Adicional a la hoja de estilo tambien cambié el color de fondo del editor por un color inspirado en el tema cobalto de Sublime text 2

    Mi hoja de estilo con las modificaciones mencionadas

    QMainWindow,
    QAbstractItemView,
    QTreeView::branch, QTreeView::item,
    QTabBar::tab{
    color: #EAEAEA;
    background: #333333;
    font-size: 9pt;
    alternate-background-color:#333333;
    }
    QDockWidget
    {
    color:white;
    background: #333333;
    }
    QAbstractItemView::item:selected {
    color: #EAEAEA;
    background-color: #151515;
    }

    QScrollBar {
    border: none;
    background: #333333;
    height: 6px;
    width: 6px;
    margin: 0px;
    }

    QScrollBar::handle{
    background: #494949;
    min-width: 10px;
    min-height: 10px;
    }

    QScrollBar::add-line, QScrollBar::sub-line {
    background: none;
    border: none;
    }

    QScrollBar::add-page, QScrollBar::sub-page {
    background: none;
    }

    QTreeView::branch:closed:adjoins-item:has-children {
    background: solid #777777;
    margin: 6px;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    }

    QTabBar::tab:selected {
    font: bold;
    border-color: #9B9B9B;
    border-bottom-color: #C2C7CB;
    }

    QTabBar::tab:!selected {
    margin-top: 2px;
    }

    QHeaderView::section {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop:0 #616161, stop: 0.5 #505050,
    stop: 0.6 #434343, stop:1 #656565);
    color: white;
    padding-left: 4px;
    border: 1px solid #6c6c6c;
    }

    QToolBar,QMenuBar,QMenu {
    border-style: solid;
    border-style: outset;
    color: #EAEAEA;
    background: #333333;
    font-size: 9pt;
    margin:2px;
    }

    QMenu::item {
    padding: 2px 25px 2px 20px;
    border: 1px solid transparent; /* reserve space for selection border */
    }

    QMenu::item:selected {
    border-color: darkblue;
    background: rgba(100, 100, 100, 150);
    }

    QMenu::icon:checked { /* appearance of a 'checked' icon */
    background: gray;
    border: 1px inset gray;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    }

    QMenu::separator {
    height: 2px;
    background: lightblue;
    margin-left: 10px;
    margin-right: 5px;
    }

    QMenu::indicator {
    width: 13px;
    height: 13px;
    }

    Aquí tambien mi color scheme

    <?xml version="1.0" encoding="UTF-8"?>
    <style-scheme version="1.0" name="Cobalt">
    <style name="Text" foreground="#e6e6e6" background="#002240"/>
    <style name="Link" foreground="#268bd2"/>
    <style name="Selection" background="#b36539"/>
    <style name="LineNumber" foreground="#5a909f" background="#002240"/>
    <style name="SearchResult" foreground="#ffffff" background="#b99e00"/>
    <style name="SearchScope" foreground="#000000" background="#e2efff"/>
    <style name="Parentheses" foreground="#dc322f"/>
    <style name="CurrentLine"/>
    <style name="CurrentLineNumber" foreground="#586e75" bold="true"/>
    <style name="Occurrences" background="#93a1a1"/>
    <style name="Occurrences.Unused" foreground="#808000"/>
    <style name="Occurrences.Rename" foreground="#000000" background="#d65557"/>
    <style name="Number" foreground="#3ad900"/>
    <style name="String" foreground="#3ad900"/>
    <style name="Type" foreground="#dbdd00"/>
    <style name="Local"/>
    <style name="Field"/>
    <style name="Static" foreground="#859900" italic="true"/>
    <style name="VirtualMethod" italic="true"/>
    <style name="Function" foreground="#ffb04d"/>
    <style name="Keyword" foreground="#db6400" bold="true"/>
    <style name="Operator"/>
    <style name="Preprocessor" foreground="#80a0c4"/>
    <style name="Label" foreground="#026d10" bold="true"/>
    <style name="Comment" foreground="#0088ff" italic="true"/>
    <style name="Doxygen.Comment" foreground="#0088ff" italic="true"/>
    <style name="Doxygen.Tag" foreground="#0059a8" italic="true"/>
    <style name="VisualWhitespace" foreground="#c0c0c0"/>
    <style name="QmlLocalId" foreground="#000000" italic="true"/>
    <style name="QmlExternalId" foreground="#000080" italic="true"/>
    <style name="QmlTypeId" foreground="#800080"/>
    <style name="QmlRootObjectProperty" foreground="#000000" italic="true"/>
    <style name="QmlScopeObjectProperty" foreground="#000000" italic="true"/>
    <style name="QmlExternalObjectProperty" foreground="#000080" italic="true"/>
    <style name="JsScopeVar" foreground="#2985c7" italic="true"/>
    <style name="JsImportVar" foreground="#0055af" italic="true"/>
    <style name="JsGlobalVar" foreground="#0055af" italic="true"/>
    <style name="QmlStateName" foreground="#000000" italic="true"/>
    <style name="Binding" foreground="#800000"/>
    <style name="DisabledCode" foreground="#93a1a1"/>
    <style name="AddedLine" foreground="#2aa198"/>
    <style name="RemovedLine" foreground="#bd2a28"/>
    <style name="DiffFile" foreground="#859900"/>
    <style name="DiffLocation" foreground="#b58900"/>
    <style name="DiffFileLine" background="#ffff00"/>
    <style name="DiffContextLine" background="#afd7e7"/>
    <style name="DiffSourceLine" background="#ffdfdf"/>
    <style name="DiffSourceChar" background="#ffafaf"/>
    <style name="DiffDestLine" background="#dfffdf"/>
    <style name="DiffDestChar" background="#afffaf"/>
    </style-scheme>

    1 Reply Last reply
    0
    • T Offline
      T Offline
      topocc
      wrote on last edited by
      #2

      si es un ejemplo deberias moverlo a la wiki.

      1 Reply Last reply
      0

      • Login

      • Login or register to search.
      • First post
        Last post
      0
      • Categories
      • Recent
      • Tags
      • Popular
      • Users
      • Groups
      • Search
      • Get Qt Extensions
      • Unsolved