Quasar App Extension - Theme Override

Bu Quasar App Extension, Quasar Framework'ün varsayılan tema renklerini ve spacing sistemini override etmenizi sağlar.

Kurulum

quasar ext add theme-override

Özellikler

🎨 Renk Override

• red-1 → Mavi tonlara çevrilir
• blue-1 → Yeşil tonlara çevrilir
• green-1 → Kırmızı tonlara çevrilir

📏 Spacing Override - 7-14-21 Pattern

• q-pa-xs → 7px (eski: 4px)
• q-pa-sm → 14px (eski: 8px)
• q-pa-md → 21px (eski: 16px)
• q-pa-lg → 28px (eski: 24px)
• q-pa-xl → 42px (eski: 48px)
• Button padding: 7px-14px
• Card padding: 21px
• All spacing follows 7px multiples

⚡ Kolay Kullanım

• Tek komutla yükleme
• Otomatik konfigürasyon
• Anında aktif hale gelir

Kullanım

Extension yüklendikten sonra:

<template>
  <!-- Bu buttonlar artık farklı renklerde görünür -->
  <q-btn color="red-1" label="Mavi Button" />
  <q-btn color="blue-1" label="Yeşil Button" />
  <q-btn color="green-1" label="Kırmızı Button" />

  <!-- Text renkleri de değişir -->
  <div class="text-red-1">Bu text mavi renkte</div>
  <div class="text-blue-1">Bu text yeşil renkte</div>
  <div class="text-green-1">Bu text kırmızı renkte</div>
</template>

Özelleştirme

Extension yüklendikten sonra src/css/theme-override.sass dosyasında istediğiniz değişiklikleri yapabilirsiniz.

Kaldırma

quasar ext remove theme-override

Lisans

MIT

GitHub

GitHub Repository