Personalizar Qt Creator con Hojas de estilos(stylesheets)



  • 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>



  • si es un ejemplo deberias moverlo a la wiki.


Log in to reply
 

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.