Puede comenzar por adaptar el tema predeterminado que viene incluido con Bowtie y es solo HTML / CSS también. Cópielo del paquete de aplicaciones ( Bowtie.app/Contents/Themes/Default.bowtie ) a ~/Library/Application Support/Bowtie y cambie su nombre a, por ejemplo. Flurry.bowtie .
Asegúrese de editar toda la información en el archivo .plist contenido, especialmente el nombre ( BTThemeName ) y el identificador ( BTThemeIdentifier ) a valores únicos y personalizados.
Para pasar de este tema a algo más como Flurry, se debe cambiar lo siguiente:
-
-webkit-border-radius en #artHolder (usé 18px )
-
-webkit-box-shadow , misma ubicación (por ejemplo, 0px 0px 4px #000 )
-
width y height , misma ubicación (usé 96px ).
- Eliminar la etiqueta
img que hace referencia a img/gloss.png .
El resultado se verá así:
Loquefaltaesunbordeadecuadoytalvezunasuperposiciónbrillante.Elarchivoimg/gloss.pngeneltemaproduceelefectodesuperposiciónbrillanteeneltemapredeterminado.ReemplazaelarchivodeimagenconeltuyoquecontieneunbordeyalgunosresaltadosenlapartesuperiorquecoincidenconelestiloFlurry.DesarméelíconodeAirPortFlurrysinvergüenzaparaesto,eliminéelfondoyloscontenidosdelborde,yuséelresultadocomoimagensuperpuesta.Nohagasestoamenosquesepastanpocoacercadelaedicióndeimágenescomoyo.
Laposicióndelbordesedesactivaráenunospocospíxeles.JuegaconlosvaloresdetopyleftenlaimagenCSShastaquecoincidaconlaportada.Cambieeltamañodelaportadaoeltamañodelaimagendelbordehastaquecoincidansegúnseanecesario.
Estoesloquepareceahoraenunfondomásoscuro:
Ahora, faltan los resaltados de luz en la parte superior y algunos efectos brillantes, pero esto es todo lo que puedo hacer en un editor de imágenes.
Por supuesto, esto es sólo un esquema aproximado. Mucho depende de los requisitos detallados que necesita para resolverlo usted mismo, por ejemplo. si también quieres voltear la imagen de la portada para obtener los controles, y cómo deberían ser.
No estoy seguro de la licencia aquí. Para estar seguro, especialmente si desea publicar su tema, hágalo original, especialmente la imagen de borde / superposición.