XP Royale GTK 3

GTK3 Themes

Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on git.opendesktop.org

1
Score 59%
Description:

The original XPRoyale theme, ported to GTK 3. GTK 2, GTK 3, Metacity and Unity supported. GTK 2 and Metacity themes aren\'t mine, but the GTK 3 theme is mine.

Last changelog:

4 years ago

1.0

First Release

1.1

Rebuilt inactive tabs
Added gnome-panel support
Fixed invisible checkmarks on menus

1.2

Added xfce4-panel support
Added Unity port
Better looking GTK 3 buttons

ibrahimt

4 years ago

boş vaktimde verdiğin kodları deneyeceğim. çok sağol senide yordum ama..

Report

blue-dxca93

4 years ago

hi,
some elements are really nice. like scrollbar and borders. are the Tabs really like that in original gtk2/msstyles?

regards bluedxca93

Report

C

Ambiance-69

4 years ago

They will be soon there.

Report

C

Ambiance-69

4 years ago

Starting from 1.1, the tabs are now like the original GTK 2 and MSStyles.

Report

ibrahimt

4 years ago

gtk3 biraz olmuşta gtk2 renkleri (mor ve mavi) tam uyuşmamış. bu temalayı kendin mi hazırlıyorsun yoksa başka temaları alıp düzenlememi yapıyorsun? css lerde ki kodların nereleri etkilediğini türkçe de yazabilirmisin. metacity ve cinnamon temalarını kendimce düzenledim güzel oldular ama gtk temaları biraz karmaşık. yardıma ihtiyacım var.

Report

C

Ambiance-69

4 years ago

Diğer temaları düzenliyorum.

---- GTK 3 CSS KODLARININ ANLAMI ----

background-image: Arka planı belirler. Örneğin, biz basit bir düğme yapacağız. Bunun için şunu kullanırız:

.button {
background-image: -gtk-gradient (linear, left top, left bottom,
from (#DDDDDD),
to (#EDEDED));
}

Yukarıda verilen kodda, üst tarafı #DDDDDD, alt tarafı ise #EDEDED renginde olan bir düğme hazırladık. Sonra aynı kodu bir alt satıra kopyala-yapıştır yaparak şöyle düzenleyelim:

.button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (#EEEEEE),
to (#FEFEFE));
}

Yukarıdaki kod ise, yaptımız düğmenin üzerine geldiğinde düğmenin renginin açıklaşmasını sağlar. Sonra aynı kodu bir kere daha alt satıra kopyala-yapıştır yaparak şöyle düzenleyelim:

.button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (#CCCCCC),
to (#DDDDDD));
}

.button:active:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (#CCCCCC),
to (#DDDDDD));
}

Yukarıdaki kodlar ise, düğmeye tıklandığında rengin koyulaşmasını sağlar.

----------------------------------------------------------------------

border-color ve border-radius: Kenarları ayarlar.

Örneğin biz bir metin kutusunun kenarlıklarını ayarlayalım:

.entry {
border-color: #cab998 /* Kenarlık rengi */
border-radius: 3px /* Köşelerin ne kadar yuvarlatılacağı */
}

Eğer border-radius'taki değer daha yüksek olursa, köşeler o kadar çok yuvarlatılır. Örneğin, 'border-radius: 3px' kodundaki 3px'i 5px yaparsak, köşe daha da yuvarlak olur, azaltılırsa daha az yuvarlak olur. 0 yapmak köşeleri kare yapar.


Şimdilik bu kadar :)

Report

4 years ago

1.0

First Release

1.1

Rebuilt inactive tabs
Added gnome-panel support
Fixed invisible checkmarks on menus

1.2

Added xfce4-panel support
Added Unity port
Better looking GTK 3 buttons

File (click to download) Version Description Downloads Date Filesize DL OCS-Install
Pling
Details
license
version
1.2
updated May 18 2014
added May 02 2014
downloads today
0
page views today 10