Si potrebbe iniziare adattando il tema predefinito che viene fornito in bundle con Bowtie ed è anche solo HTML / CSS. Copialo dal pacchetto di applicazioni ( Bowtie.app/Contents/Themes/Default.bowtie ) a ~/Library/Application Support/Bowtie e rinominalo ad es. Flurry.bowtie .
Assicurati di modificare tutte le informazioni nel file .plist contenuto, in particolare il nome ( BTThemeName ) e l'identificatore ( BTThemeIdentifier ) in valori personalizzati e univoci.
Per passare da questo tema a qualcosa di più simile a Flurry, è necessario modificare quanto segue:
-
-webkit-border-radius in #artHolder (Ho usato 18px )
-
-webkit-box-shadow , stessa posizione (ad esempio 0px 0px 4px #000 )
-
width e height , stessa posizione (ho usato 96px ).
- Rimuovi il tag
img che fa riferimento a img/gloss.png .
Il risultato sarà simile a questo:

Ciòchemancaèunbordoappropriatoeforseunoverlaylucido.Ilfileimg/gloss.pngneltemaproducel'effettodisovrapposizionelucidaneltemapredefinito.SostituisciilfileimmagineconiltuocontenenteunbordoealcunipuntisalientiinaltochecorrispondonoallostileFlurry.Hostrappatosenzavergognal'iconaAirPortFlurryperquesto,cancellatolosfondoeilcontenutodelbordo,ehousatoilrisultatocomeimmaginedisovrapposizione.Nonfarloamenochetunonsappiatantodieditingdelleimmaginicomefaccioio.
Laposizionedelbordosaràdisattivatadialcunipixel.Giocaconivaloriditopeleftnell'immagineCSSfinoaquandononcorrispondeallacopertina.Cambialadimensionedellacopertinaoladimensionedell'immaginedelbordofinchénoncorrispondonoallanecessità.
Eccocomeappareorasuunosfondopiùscuro:
A questo punto mancano le luci in alto e alcuni effetti lucidi, ma questo è tutto ciò che posso fare con un editor di immagini.
Naturalmente, questo è solo uno schema approssimativo. Molto dipende dai requisiti dettagliati che devi elaborare autonomamente, ad es. se vuoi anche capovolgere l'immagine di copertina per ottenere i controlli e come dovrebbero apparire.
Non sono sicuro delle licenze qui. Per essere sicuri, specialmente se vuoi pubblicare il tuo tema, rendilo originale, specialmente l'immagine del bordo / sovrapposizione.