# Derma Tema Oluşturma

- **İngilizce aslı:** https://wiki.facepunch.com/gmod/Derma_Skin_Creation
- **Çeviri tarihi:** 2025-09-08

## Giriş

Bir geliştirici olarak [PANEL:Paint](https://gmod.tr/wiki/PANEL:Paint) ve [PANEL:PaintOver](https://gmod.tr/wiki/PANEL:PaintOver)'a aşina olabilirsiniz. Bunlar, Derma nesnelerinizi çizmek için kullanılan fonksiyonlardır. Ama bir gün kendi Derma tasarımınızı yapmak istediniz. Yeniden çizmenin çok karmaşık olduğunu düşünebilirsiniz: [surface](https://gmod.tr/wiki/surface), [draw](https://gmod.tr/wiki/draw), [render](https://gmod.tr/wiki/render). Ne kadar çok fonksiyon, değil mi? Bunu daha kolay ve şık hale getirmenin bir yolu var mı? Evet, bu sayfa size kendi Derma Temanızı nasıl oluşturacağınızı gösterecektir. Varsayılan Derma'da tamamen aynı yöntem kullanılır ve bu Lua'da tanımlanmıştır.

## Derma temaları nasıl çalışır?

Bilmeniz gereken ilk şey, temaların `"garrysmod/lua/skins/"` konumunda bulunduğudur. Varsayılan Derma teması "default.lua" dosyasındadır.

Bu dosya, [UV doku haritalama](https://en.wikipedia.org/wiki/UV_mapping) (UV texture mapping), [Renk](https://gmod.tr/wiki/Global.Color) tanımları ve [Derma Kancaları](https://gmod.tr/wiki/derma.SkinHook) (Derma Hooks) içerir.

UV haritalama, [GWEN](https://gmod.tr/wiki/GWEN) aracılığıyla mümkündür. Bazı GWEN fonksiyonları son argüman olarak bir [IMaterial](https://gmod.tr/wiki/IMaterial) gerektirir, ancak bu boş bırakılabilir: GWEN bunun yerine **SKIN.GwenTexture** değişkenini kullanacaktır. Varsayılan tema dokusu, **Garry's Mod .vpk** dosyasında `"materials/gwenskin/gmoddefault.png"` konumunda bulunabilir.

Dosyanın içinde bir dizi Derma Kancası bulunur. Bunlar, [derma.SkinHook](https://gmod.tr/wiki/derma.SkinHook) ile birlikte kullanılır ([Derma_Hook](https://gmod.tr/wiki/Global.Derma_Hook) içinde kullanılır).

### Örnek

Bu kod **["default.lua"](https://github.com/Facepunch/garrysmod/blob/master/garrysmod/lua/skins/default.lua)** dosyasındadır.

```lua
function SKIN:PaintFrame( panel, w, h )

	if ( panel.m_bPaintShadow ) then -- Bu DFrame gölgesidir

		local wasEnabled = DisableClipping( true )
		self.tex.Shadow( -4, -4, w+10, h+10 ) -- Bu, dokumuzdan bir parça içeren çizim fonksiyonudur
		DisableClipping( wasEnabled )

	end

	if ( panel:HasHierarchicalFocus() ) then -- DFrame'in odakta olup olmadığını kontrol eder ve nasıl boyanacağına karar verir

		self.tex.Window.Normal( 0, 0, w, h ) -- Bu, dokumuzdan bir parça içeren çizim fonksiyonudur

	else

		self.tex.Window.Inactive( 0, 0, w, h ) -- Bu, dokumuzdan bir parça içeren çizim fonksiyonudur

	end

end
```

Ve bu da [DFrame](https://gmod.tr/wiki/DFrame)'in tanımlandığı `"lua/vgui/dframe.lua"` dosyasındadır.

```lua
function PANEL:Paint( w, h )

    -- ...

	derma.SkinHook( "Paint", "Frame", self, w, h ) -- Bu, derma kütüphanesine bir kanca oluşturur; derma kütüphanesi temamıza bağlıdır

    -- ...

end
```

---

Tema dosyasının yaptığı son şey, temayı Derma temaları listesine eklemektir. Bu işlem [derma.DefineSkin](https://gmod.tr/wiki/derma.DefineSkin) ile yapılır.

## Derma teması oluşturmaya hazırlanma

1. [Adobe Photoshop](https://www.adobe.com/products/photoshop.html) edinin
2. `"materials/gwenskin/gmoddefault.psd"` dosyasını çıkartın (Bunu [GCFScape](https://nemstools.github.io/pages/GCFScape-Download.html) ile yapabilirsiniz)
3. `"lua/skins/default.lua"` dosyasından kodu (veya dosyayı) kopyalayın
4. `"lua/skins/"` içinde bir lua dosyası oluşturun. Bu eğitim için adını **"myskin.lua"** koyacağız.
5. `"lua/autorun/"` içinde bir lua dosyası oluşturun. İstediğiniz gibi adlandırabilirsiniz, sadece benzersiz olduğundan emin olun, örneğin **"myskin_include.lua"**.

### myskin_include.lua için kod

```lua
if SERVER then AddCSLuaFile("skins/myskin.lua") else include("skins/myskin.lua") end
```

Bu dosya, temamızı sunucu için beyaz listeye ekler ve yüklendiğinde istemci için dahil eder.

## Referans

SKIN

SKIN tablosu global bir değişkendir. [GWEN](https://gmod.tr/wiki/GWEN) ile çalışabilmesi için global yapılmıştır.

[derma.DefineSkin](https://gmod.tr/wiki/derma.DefineSkin)(tema adı, tema açıklaması, SKIN tablosu)

```lua
derma.DefineSkin( "Default", "Sıradan VGUI gibi görünmesi için yapıldı", SKIN )
```

Bu fonksiyon, temanızı tüm Derma temalarının listesine ekleyecektir.

[derma.GetSkinTable](https://gmod.tr/wiki/derma.GetSkinTable)()

```lua
for k,v in pairs(derma.GetSkinTable()) do print(k) end -- Tanımlanmış tüm temaları yazdırır
```

[derma.RefreshSkins](https://gmod.tr/wiki/derma.RefreshSkins)()

Bu fonksiyon, Derma nesnelerinden önbelleği temizler ve temalarını yeniden ayarlar.

## Test Kodu Parçası

Derma temanızı test etmek için bu kodu kullanabilirsiniz.

```lua
concommand.Add( "derma_setskin", function(_,_,args)
	if GetConVar("sv_allowcslua"):GetInt() == 0 then return end
	for k,v in pairs(vgui.GetWorldPanel():GetChildren()) do
		v:SetSkin(args[1])
	end
end,nil,"Tüm Derma nesneleri için tema ayarlar.")
local function deepskin(children,skin)
	for k,v in pairs(children) do
		v:SetSkin(skin)
		if #v:GetChildren() != 0 then deepskin(v:GetChildren(),skin) end
	end
end
concommand.Add( "derma_deepsetskin", function(_,_,args)
	if GetConVar("sv_allowcslua"):GetInt() == 0 then return end
	deepskin(vgui.GetWorldPanel():GetChildren(),args[1])
end,nil,"Tüm Derma nesneleri ve onların alt elemanları için temayı zorla ayarlar.")
concommand.Add( "derma_updateskin", function()
	if GetConVar("sv_allowcslua"):GetInt() == 0 then return end
	for k,v in pairs(derma.GetSkinTable()) do
		if v.GwenTexture then
			local tex = v.GwenTexture:GetTexture("$basetexture")
			if tex then tex:Download() end
		end
	end
	derma.RefreshSkins()
end,nil,"Tüm Derma nesneleri için temaları günceller.")
```

Derma nesneleri kendilerini güncelleyemez çünkü kullandıkları tema **önbelleğe alınmıştır**. Temaların **önbelleğe alınması** nedeniyle, siz düzenleme yaparken Derma nesneleri kendilerini güncelleyemez. Bu yüzden **derma_updateskin** komutunu yazarak önbelleği temizlememiz gerekir. Ayrıca materyali de kendi kendine güncellenemez, bunu düzeltmek için [ITexture:Download](https://gmod.tr/wiki/ITexture:Download) kullanır.

**derma_setskin *tema_adı*** fonksiyonu, konsol aracılığıyla tüm Derma nesnelerine bir Derma teması uygulamanızı sağlar. Eğer bazı paneller güncellenmediyse **derma_deepsetskin *tema_adı*** kullanın.

Güvenlik amacıyla, **sv_allowcslua 0** olduğunda bu fonksiyonları kullanamazsınız. Eğer test kodunu daha sonra kaldırmayı unutmayacaksanız bu kontrolü kaldırabilirsiniz. Temanızı test etmek için önizleme yapmak amacıyla **derma_controls** yazabilirsiniz.

## Birinci Bölüm: SKIN değişkenleri

SKIN tablosunda birçok değişken bulunur. Bunlar bilgi amaçlıdır.

| SKIN değişkenleri | Bilgi değişkenleri |  |
|---|---|---|
| PrintName | Yeni Temam | Temanız için görüntülenecek isim |
| Author | Garry Newman | Temanın yazarı |
| DermaVersion | 1 | Temanın versiyonu |
| GwenTexture | `Material( "gwenskin/GModDefault.png" )` | Temanın doku yolu. Bu, Derma nesnelerini çizmek için kullanılır. Bu, dahili olarak [GWEN](https://gmod.tr/wiki/GWEN) tarafından kullanılır. |

Sırada birçok [Renk](https://gmod.tr/wiki/Global.Color) değişkeni göreceksiniz. Ancak bunların hepsi oyunda gerçekten görünür değildir.

Bu liste, değişiklikler için test edilmiş değişkenleri içerir.

| SKIN değişkenleri | Renk değişkenleri |  |  |
|---|---|---|---|
| colTextEntryText | `Color( 20, 20, 20 )` | [DTextEntry](https://gmod.tr/wiki/DTextEntry) ve türevlerinde yazılan metin rengi için kullanılır | ![](https://gmod.tr/api/uploads/wiki/77f83f4bfdbb2ade2317.png) Renk oyunda yanlış görüntülenebilir. |
| colTextEntryTextHighlight | `Color( 20, 200, 250 )` | [DTextEntry](https://gmod.tr/wiki/DTextEntry) ve türevlerinde vurgu rengi için kullanılır | ![](https://gmod.tr/api/uploads/wiki/9939feecf949e56141fb.png) Renk oyunda yanlış görüntülenebilir. |
| colTextEntryTextCursor | `Color( 0, 0, 100 )` | [DTextEntry](https://gmod.tr/wiki/DTextEntry) ve türevlerinde imleç rengi için kullanılır | ![](https://gmod.tr/api/uploads/wiki/29200f2b5012912b4228.png) |
| colTextEntryTextPlaceholder | `Color( 128, 128, 128 )` | [DTextEntry](https://gmod.tr/wiki/DTextEntry) ve türevlerinde [SetPlaceholderText](https://gmod.tr/wiki/DTextEntry:SetPlaceholderText) rengi için kullanılır | ![](https://gmod.tr/api/uploads/wiki/2abdd55cf55c9494dd05.png) Renk oyunda yanlış görüntülenebilir. |

"Görüntü" sütunu notu: `Sağdaki dolu kare gerçek rengi temsil eder. Soldaki ekran görüntüsü oyundaki render'ı temsil eder.`

Diğer Renk değişkenleri çalışmaz çünkü Derma nesneleri bunun yerine doku kullanır.

> **NOT:** ULX, bazı etiketler için **SKIN.text_dark** kullanır

## İkinci Bölüm: UV Dokusu

### İsimlendirilmiş Dokular

![](https://gmod.tr/api/uploads/wiki/d03e15378866056c151c.png)

`UV haritalama bölgeleri. "Overlay" klasöründeki .psd dosyasında bulunabilir.`

> **NOT:** UV dokusunda bile tüm dokular GMod'da kullanılmaz!

| İsimlendirilmiş katmanların listesi (Soldan sağa, yukarıdan aşağıya) |  |  |
|---|---|---|
| Window (In Focus) | Window - Active | [HasHierarchicalFocus](https://gmod.tr/wiki/Panel:HasHierarchicalFocus) **true** olduğunda [DFrame](https://gmod.tr/wiki/DFrame) dokusu |
| Window (Out Focus) | Window - Active (copy) | [HasHierarchicalFocus](https://gmod.tr/wiki/Panel:HasHierarchicalFocus) **false** olduğunda [DFrame](https://gmod.tr/wiki/DFrame) dokusu |
| Generic Panel (Only left top is used) | Panels - Generic Panel - Normal | Varsayılan olarak [DPanel](https://gmod.tr/wiki/DPanel) dokusu. Bu doku [SetBackgroundColor](https://gmod.tr/wiki/DPanel:SetBackgroundColor) ile renklendirilebilir |
| Btn Nrml | Buttons - Regular | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **false** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **false** olduğunda [DButton](https://gmod.tr/wiki/DButton) dokusu |
| Btn Hvr | Buttons - Hovered | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **false** olduğunda [DButton](https://gmod.tr/wiki/DButton) dokusu |
| Btn Dsbld | Buttons - Dead | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DButton](https://gmod.tr/wiki/DButton) dokusu |
| Btn Down | Buttons - Down | [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DButton](https://gmod.tr/wiki/DButton) dokusu |
| Chk | Buttons - Checkbox - Enabled | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **true** olduğunda [DCheckBox](https://gmod.tr/wiki/DCheckBox) dokuları |
| Chk Dsbld | Buttons - Checkbox - Disabled | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DCheckBox](https://gmod.tr/wiki/DCheckBox) dokuları |
| Expnd | Buttons - Tree | [DExpandButton](https://gmod.tr/wiki/DExpandButton) dokuları |
| Tree Background | Panels - Tree Panel | [DTree](https://gmod.tr/wiki/DTree) dokusu. Bu doku [SetBackgroundColor](https://gmod.tr/wiki/DPanel:SetBackgroundColor) ile renklendirilebilir |
| Mnu rght | Menu - Right Arrow | [AddSubMenu](https://gmod.tr/wiki/DMenu:AddSubMenu) seçeneğindeki Ok dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| Menu Strip | Menu - MenuStrip | [DMenuBar](https://gmod.tr/wiki/DMenuBar) dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| Menu Background | Menu - With Border | [GetDrawColumn](https://gmod.tr/wiki/DMenu:GetDrawColumn) **true** olduğunda [DMenuOption](https://gmod.tr/wiki/DMenuOption) dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| Menu BG No Border | Menu - Without Border | [GetDrawColumn](https://gmod.tr/wiki/DMenu:GetDrawColumn) **false** olduğunda [DMenuOption](https://gmod.tr/wiki/DMenuOption) dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| Menu Selected | Menu - Hover | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DMenuOption](https://gmod.tr/wiki/DMenuOption) dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| Text Entry Normal | Text Entry - Normal | [IsEditing](https://gmod.tr/wiki/DTextEntry:IsEditing) **false** olduğunda [DTextEntry](https://gmod.tr/wiki/DTextEntry) dokusu |
| Text Entry Focused | Text Entry - Focus | [IsEditing](https://gmod.tr/wiki/DTextEntry:IsEditing) **true** olduğunda [DTextEntry](https://gmod.tr/wiki/DTextEntry) dokusu |
| Text Entry Disabled | Text Entry - Disabled | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DTextEntry](https://gmod.tr/wiki/DTextEntry) dokusu |
| Scroller Track V | Scrollbar - Vertical | [DVScrollBar](https://gmod.tr/wiki/DVScrollBar) kaydırma çubuğu dokusu |
| VScrollbar - Normal | Scrollbar - Vertical | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **false** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **false** olduğunda [DVScrollBar](https://gmod.tr/wiki/DVScrollBar)**.btnGrip** dokusu |
| VScrollbar - Hovered | Scrollbar - Vertical | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **false** olduğunda [DVScrollBar](https://gmod.tr/wiki/DVScrollBar)**.btnGrip** dokusu |
| VScrollbar - Pressed | Scrollbar - Vertical | [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DVScrollBar](https://gmod.tr/wiki/DVScrollBar)**.btnGrip** dokusu |
| VScrollbar - Disabled | Scrollbar - Vertical | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DVScrollBar](https://gmod.tr/wiki/DVScrollBar)**.btnGrip** dokusu |
| Tab Panel BG | Tabbed - Body | [GetActiveTab](https://gmod.tr/wiki/DPropertySheet:GetActiveTab)'in yerleştirildiği [DPropertySheet](https://gmod.tr/wiki/DPropertySheet) dokusu |
| Tab Top | Tabbed - Active | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) dokusu |
| Unfcs Top | Tabbed - Inactive | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **false** olduğunda [DTab](https://gmod.tr/wiki/DTab) dokusu |
| List Box | ListBox - Background | [DListBox](https://gmod.tr/wiki/DListBox) dokusu. Bu sınıf kullanımdan kaldırılmıştır, ancak hala oyunda mevcuttur |

> **NOT:** Bu liste yalnızca GMod'da kullanılan isimlendirilmiş dokuları içerir! Örneğin, RadioButton burada listelenmemiştir.

### İsimlendirilmemiş Dokular

![](https://gmod.tr/api/uploads/wiki/abc6b0ae7b9a714bdb62.png)

> **HATA:** **Bu hata sadece 3. katman içindir.**
> Son yüklenen temanın gölge dokusu kullanılacaktır! Düzeltmek için **PaintShadow** ve **PaintFrame** fonksiyonlarındaki **SKIN**'i **self** olarak değiştirin.

| İsimlendirilmemiş katmanların listesi |  |
|---|---|
| 1 | [DProgress](https://gmod.tr/wiki/DProgress) ana gövdesinin dokusu |
| 2 | [DProgress](https://gmod.tr/wiki/DProgress) ilerleme gövdesinin dokusu |
| 3 | [DFrame](https://gmod.tr/wiki/DFrame) dış gölgesinin dokusu |
| 4 | [DTree](https://gmod.tr/wiki/DTree) ve [DIconBrowser](https://gmod.tr/wiki/DIconBrowser) için seçim dokusu |
| 5 | [DTooltip](https://gmod.tr/wiki/DTooltip) dokusu [DTooltip](https://gmod.tr/wiki/DTooltip), panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken tema ayarlanırsa çalışır. |
| 6 | **varsayılan**, **üzerinde** ve **basılı** [DSlider](https://gmod.tr/wiki/DSlider) topuzunun dokuları |
| 7 | Kullanılmıyor. Dikey kaydırıcının dokusu olabilir |
| 8 | **varsayılan**, **üzerinde** ve **basılı** [DNumberWang](https://gmod.tr/wiki/DNumberWang) dokuları |
| 9 | [DMenu](https://gmod.tr/wiki/DMenu) onay simgesi dokusu [DMenu](https://gmod.tr/wiki/DMenu), [DermaMenu](https://gmod.tr/wiki/Global.DermaMenu) tarafından çağrıldığında panelin temasını devralmaz. Bu yüzden her zaman "Varsayılan" tema olacaktır. Sadece görünür durumdayken veya [DMenuBar](https://gmod.tr/wiki/DMenuBar) içindeyken tema ayarlanırsa çalışır. |
| 10 | **varsayılan**, **üzerinde** ve **basılı** [DScrollPanel:GetVBar](https://gmod.tr/wiki/DScrollPanel:GetVBar) ve [DHorizontalDivider](https://gmod.tr/wiki/DHorizontalDivider) dokuları. **varsayılan**, **üzerinde** ve **basılı** [DComboBox](https://gmod.tr/wiki/DComboBox) düğmesi dokuları |
| 11 | Seçili [DListView_Line](https://gmod.tr/wiki/DListView_Line) dokusu |
| 12 | Değiştirilmiş [DListView_Line](https://gmod.tr/wiki/DListView_Line) dokusu. Bir satırı diğerinden ayırmak için, DListView tek sayılı satırları otomatik olarak hafif koyu bir renge boyar. Dahili fonksiyon [DListView_Line:SetAltLine](https://gmod.tr/wiki/DListView_Line:SetAltLine) ile çağrılabilir |
| 13 | Kullanılmıyor. [DListView_Line](https://gmod.tr/wiki/DListView_Line) için alternatif renklerin dokuları olabilir |
| 14 | **üzerinde** olan [DListView_Line](https://gmod.tr/wiki/DListView_Line) dokusu |
| 15 | Kullanılmıyor |
| 16 | **varsayılan** [DComboBox](https://gmod.tr/wiki/DComboBox) dokusu |
| 17 | **üzerinde** olan [DComboBox](https://gmod.tr/wiki/DComboBox) dokusu |
| 18 | **basılı** [DComboBox](https://gmod.tr/wiki/DComboBox) dokusu |
| 19 | **devre dışı** [DComboBox](https://gmod.tr/wiki/DComboBox) dokusu |
| 20 | Katlanmış [DCategoryList](https://gmod.tr/wiki/DCategoryList) ve [DCollapsibleCategory](https://gmod.tr/wiki/DCollapsibleCategory) dokusu |
| 21 | Açılmış [DCategoryList](https://gmod.tr/wiki/DCategoryList) ve [DCollapsibleCategory](https://gmod.tr/wiki/DCollapsibleCategory) dokusu |
| 22 | [DCategoryList](https://gmod.tr/wiki/DCategoryList) gövdesinin dokusu |
| 23 | Kullanılmıyor |
| 24 | [DFrame](https://gmod.tr/wiki/DFrame)**.btnClose** düğmesinin dokuları |
| 25 | [DFrame](https://gmod.tr/wiki/DFrame)**.btnMinim** düğmesinin dokuları |
| 26 | [DFrame](https://gmod.tr/wiki/DFrame)**.btnMaxim** düğmesinin dokuları |
| 27 | Kullanılmıyor. [DFrame](https://gmod.tr/wiki/DFrame) "Geri Yükle" düğmesinin dokuları olabilir |

### Renk Paleti Dokusu

![DermaSkin_Color_Numbered_Table_Updated.png](https://gmod.tr/api/uploads/wiki/1c4b5174da818dbf606f.png)

| Renk Paleti Tablosu |  |
|---|---|
| 1 A | Renk Yok / Kullanılmıyor |
| 1 B | [HasHierarchicalFocus](https://gmod.tr/wiki/Panel:HasHierarchicalFocus) **true** olduğunda [DFrame](https://gmod.tr/wiki/DFrame) başlığının rengi |
| 2 A | Renk Yok / Kullanılmıyor |
| 2 B | [HasHierarchicalFocus](https://gmod.tr/wiki/Panel:HasHierarchicalFocus) **false** olduğunda [DFrame](https://gmod.tr/wiki/DFrame) başlığının rengi |
| 3 A | [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DButton](https://gmod.tr/wiki/DButton) metninin rengi |
| 3 B | [DButton](https://gmod.tr/wiki/DButton) varsayılan metninin rengi |
| 4 A | [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DButton](https://gmod.tr/wiki/DButton) metninin rengi |
| 4 B | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DButton](https://gmod.tr/wiki/DButton) metninin rengi |
| 5 A | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **true** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 5 B | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) varsayılan metninin rengi |
| 6 A | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **true** ve [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 6 B | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **true** ve [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 7 A | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **false** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 7 B | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **false** olduğunda [DTab](https://gmod.tr/wiki/DTab) varsayılan metninin rengi |
| 8 A | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **false** ve [IsEnabled](https://gmod.tr/wiki/Panel:IsEnabled) **false** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 8 B | [IsActive](https://gmod.tr/wiki/DFrame:IsActive) **false** ve [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DTab](https://gmod.tr/wiki/DTab) metninin rengi |
| 9 A | [GetDark](https://gmod.tr/wiki/DLabel:GetDark) **true** olduğunda [DLabel](https://gmod.tr/wiki/DLabel) ve [DListView_Line](https://gmod.tr/wiki/DListView_Line) etiketinin rengi |
| 9 B | Varsayılan durumda [DLabel](https://gmod.tr/wiki/DLabel) ve [DListView_Line](https://gmod.tr/wiki/DListView_Line) etiketinin rengi |
| 10 A | [GetHighlight](https://gmod.tr/wiki/DLabel:GetDark) **true** olduğunda [DLabel](https://gmod.tr/wiki/DLabel) ve [DListView_Line](https://gmod.tr/wiki/DListView_Line) etiketinin rengi |
| 10 B | [GetBright](https://gmod.tr/wiki/DLabel:GetDark) **true** olduğunda [DLabel](https://gmod.tr/wiki/DLabel) ve [DListView_Line](https://gmod.tr/wiki/DListView_Line) etiketinin rengi |
| 11 A | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DTree_Node_Button](https://gmod.tr/wiki/DTree_Node_Button) metninin rengi ve [DForm:ControlHelp](https://gmod.tr/wiki/DForm:ControlHelp) metninin rengi |
| 11 B | [DFileBrowser](https://gmod.tr/wiki/DFileBrowser) ağaç çizgisinin rengi |
| 12 A | [IsSelected](https://gmod.tr/wiki/Panel:IsSelected) **true** olduğunda [DTree_Node_Button](https://gmod.tr/wiki/DTree_Node_Button) metninin rengi |
| 12 B | Varsayılan durumda [DTree_Node_Button](https://gmod.tr/wiki/DTree_Node_Button) metninin rengi |
| 13 A | Kullanılmıyor. `Colours.Properties.Line_Hover` |
| 13 B | Kullanılmıyor. `Colours.Properties.Line_Normal` |
| 14 A | [DProperties](https://gmod.tr/wiki/DProperties) kategori etiketinin rengi |
| 14 B | Kullanılmıyor. `Colours.Properties.Line_Selected` |
| 15 A | Kullanılmıyor. `Colours.Properties.Column_Hover` |
| 15 B | Kullanılmıyor. `Colours.Properties.Column_Normal` |
| 16 A | [DProperties](https://gmod.tr/wiki/DProperties)'de satırlar ve sütunlar arasındaki sınırın rengi |
| 16 B | Satır düzenlenirken [DProperties](https://gmod.tr/wiki/DProperties) hücresinin rengi |
| 17 A | Kullanılmıyor. `Colours.Properties.Label_Hover` |
| 17 B | Satır düzenlenmezken [DProperties](https://gmod.tr/wiki/DProperties) hücre etiketinin rengi |
| 18 A | Renk Yok / Kullanılmıyor |
| 18 B | Satır düzenlenirken [DProperties](https://gmod.tr/wiki/DProperties) hücre etiketinin rengi |
| 19 A | [GetExpanded](https://gmod.tr/wiki/DCollapsibleCategory:GetExpanded) **false** olduğunda [DCategoryHeader](https://gmod.tr/wiki/DCategoryHeader) başlığının rengi |
| 19 B | Kullanılmıyor. "ModalBackground" olarak adlandırılmış |
| 20 A | [GetExpanded](https://gmod.tr/wiki/DCollapsibleCategory:GetExpanded) **true** olduğunda [DCategoryHeader](https://gmod.tr/wiki/DCategoryHeader) başlığının rengi |
| 20 B | Kullanılmıyor. "TooltipText" olarak adlandırılmış (Gerçek ipucu metni 27A kullanır) |
| 21 A | **Altered değilken** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 21 B | **Altered değilken** [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 22 A | **Altered** olduğunda [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 22 B | **Altered değilken** ve [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 23 A | **Altered** olduğunda [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 23 B | **Altered** ve [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 24 A | **Altered** ve [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 24 B | **Altered** ve [IsSelected](https://gmod.tr/wiki/Panel:IsSelected) **true** olduğunda [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 25 A | [IsHovered](https://gmod.tr/wiki/Panel:IsHovered) **true** olduğunda [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 25 B | **Altered değilken** ve [IsDown](https://gmod.tr/wiki/DButton:IsDown) **true** olduğunda [DCollapsibleCategory:Add](https://gmod.tr/wiki/DCollapsibleCategory:Add) düğme metninin rengi |
| 26 A | [IsSelected](https://gmod.tr/wiki/Panel:IsSelected) **true** olduğunda [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 26 B | [DCategoryList:AddItem](https://gmod.tr/wiki/DCategoryList:AddItem) öğesinin rengi |
| 27 A | [DTooltip](https://gmod.tr/wiki/DTooltip) metninin rengi. Şu anda bozuk. |
| 27 B | Renk Yok / Kullanılmıyor |

## Demo

Bu eğitim için Derma'ya yönelik bir Windows 10 arayüzü teması içeren bir Demo Eklentisi oluşturulmuştur. Buradan indirebilirsiniz: [tıklayın](https://steamcommunity.com/sharedfiles/filedetails/?id=1633684835).

Eklenti, tüm Derma nesnelerini boyamak için bu kancayı kullanır:

```lua
hook.Add("ForceDermaSkin","Windows10SkinForce",function()
	return "Windows" -- Bu, tüm Derma nesnelerini yeni temayla boyayacaktır
end)
```

- [GMod Wiki ana sayfası](https://gmod.tr/wiki)

---

[Tüm sunucular](https://gmod.tr/) · [GmodTR Launcher](https://gmod.tr/launcher) · [Rehber](https://gmod.tr/rehber) · [GMod Wiki](https://gmod.tr/wiki) · [GmodTR nedir?](https://gmod.tr/hakkinda) · [Sunucu ekle](https://gmod.tr/sunucu-ekle) · [Discord](https://discord.gg/gmodtr)

Kaynak: https://gmod.tr/wiki/Derma_Skin_Creation