quasar-app-extension-theme-override/README.md

A Quasar App Extension for overriding theme colors and spacing with 7-14-21 pattern

# Quasar App Extension - Theme Override

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

## Kurulum

```bash
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:

```vue
<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

```bash
quasar ext remove theme-override
```

## Lisans

MIT

## GitHub

[GitHub Repository](#)