Skin for Launchy

|

Vaya!!, no he llevado un curso oficial de diseño gráfico(Si me preguntan la teoría del color, no sabría que contestar) pero pss.... hay me defiendo con el photoshop puesto que a veces necesito plasmar esa ideas o curiosidades visuales que quiero.

Por está razón cuando revisé la estructura de los skin que trae por default Launchy no me costo crear una nueva versión, pues solo se necesita crear las imagenes y modificar el archivo 'style.qss' el cual esta basado en CSS y 'misc.txt'. Para finalmente colocarlo dentro de una carpeta bajo el directorio 'skin' del directorio de instalación de Launchy.

Este es el archivo 'style.qss' que uso


#launchy {
}

#opsButton {
border: none;
background: url(opsButton.png);
qproperty-geometry: rect(265 15 14 15);
}

#workingAnimation {
qproperty-geometry: rect(249 15 16 16);
}

#opsButton:pressed {
border: none;
background-image: url(opsButtonPressed.png);
}

#input {
font: 16px Verdana, Arial;
border-width: 0px;
background-color: rgba(0,244,120,0%);
border-style: solid;
color: #666666;
qproperty-alignment: AlignLeft;
qproperty-geometry: rect(77 40 205 18);
}

#output {
font: 10px Verdana, Arial;
border-width: 0px;
background-color: rgba(0,244,120,0%);
border-style: solid;
color: white;
qproperty-alignment: AlignCenter;
qproperty-geometry: rect(25 70 255 18);
}

#outputIcon {
qproperty-geometry: rect(26 33 32 32);
}

#alternatives {
color:#3c3c3c;
font: 11px Verdana, Arial;
alternate-background-color: rgb(242,242,242);
background: white;
selection-background-color: rgb(0,160,227);
selection-color: white;
border: none;
qproperty-geometry: rect(75 92 205 20);
}

QScrollBar#altScroll:vertical {
image: url(scrollBack.png);
width: 16px;
margin: 16px 0px 16px 0px;
}

QScrollBar#altScroll::handle:vertical {
background: qlineargradient(x1:0, y1:0.5, x2:1, y2:0.5, stop:0 white, stop:0.1 rgb(85,85,85), stop:0.7 rgb(40,40,40), stop:0.9 rgb(60,60,60), stop:1 white);
}

QScrollBar#altScroll::sub-line:vertical {
width: 16px;
height: 16px;
subcontrol-position: top;
subcontrol-origin: margin;
image: url(scrollUp.png);
}

QScrollBar#altScroll::add-page:vertical {
background: url(scrollBack.png);
}

QScrollBar#altScroll::sub-page:vertical {
background: url(scrollBack.png);
}

QScrollBar#altScroll::add-line:vertical {
width: 16px;
height: 16px;
subcontrol-position: bottom;
subcontrol-origin: margin;
image: url(scrollDown.png);
}






Descargar Skin

Link de descarga, descomprime la carpeta y colócala bajo el directorio skin de Launchy.

0 comentarios: