Skip to content

Commit 77469f7

Browse files
immohammadjavedimmohammadjaved
committed
core(theme): Rebrand to slateui-theme
1 parent cc738fa commit 77469f7

25 files changed

+2094
-1082
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ jobs:
4242
run: cp dist/demo/browser/index.html dist/demo/browser/404.html
4343

4444
- name: Add CNAME for custom domain
45-
run: echo 'theme.angularui.org' > dist/demo/browser/CNAME
45+
run: echo 'theme.slateui.dev' > dist/demo/browser/CNAME
4646

4747
- name: Setup Pages
4848
uses: actions/configure-pages@v4

‎.postcssrc.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"plugins": {
3+
"@tailwindcss/postcss": {}
4+
}
5+
}

‎README.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# @angularui/theme
1+
# @slateui/theme
22

3-
[![npm version](https://badge.fury.io/js/%40angularui%2Ftheme.svg)](https://badge.fury.io/js/%40angularui%2Ftheme)
4-
[![Downloads](https://img.shields.io/npm/dm/@angularui/theme.svg)](https://www.npmjs.com/package/@angularui/theme)
3+
[![npm version](https://img.shields.io/npm/v/@slateui/theme.svg)](https://www.npmjs.com/package/@slateui/theme)
4+
[![Downloads](https://img.shields.io/npm/dm/@slateui/theme.svg)](https://www.npmjs.com/package/@slateui/theme)
55
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
66

77
Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR-safe, and zero configuration required.
88

9-
**🌐 [Live Demo](https://angularcafe.github.io/angularui-theme/)**
9+
**🌐 [Live Demo](https://theme.slateui.dev)**
1010

1111
## 🌟 Features
1212

@@ -29,7 +29,7 @@ Modern Theme Management for Angular - A lightweight, feature-rich theme library
2929
### Installation
3030

3131
```bash
32-
npm install @angularui/theme
32+
npm install @slateui/theme
3333
```
3434

3535
### Basic Setup
@@ -38,11 +38,11 @@ Add the theme provider to your `app.config.ts`:
3838

3939
```typescript
4040
import { ApplicationConfig } from '@angular/core';
41-
import { provideUiTheme } from '@angularui/theme';
41+
import { provideSlateUiTheme } from '@slateui/theme';
4242

4343
export const appConfig: ApplicationConfig = {
4444
providers: [
45-
provideUiTheme()
45+
provideSlateUiTheme()
4646
]
4747
};
4848
```
@@ -51,7 +51,7 @@ export const appConfig: ApplicationConfig = {
5151

5252
```typescript
5353
import { Component, inject } from '@angular/core';
54-
import { ThemeService } from '@angularui/theme';
54+
import { ThemeService } from '@slateui/theme';
5555

5656
@Component({
5757
selector: 'app-header',
@@ -113,7 +113,7 @@ Add this **inline** script to your `index.html` `<head>`:
113113
- The inline script applies the correct theme instantly on page load, so users never see a flash of the wrong theme.
114114
- This is the standard, SSR-safe approach used by modern theme libraries (like next-themes).
115115

116-
## Why @angularui/theme?
116+
## Why @slateui/theme?
117117

118118
- Native Angular integration: signals, DI, and standalone components
119119
- TypeScript-first and future-proof (Angular 20+ ready)
@@ -127,15 +127,15 @@ Add this **inline** script to your `index.html` `<head>`:
127127

128128
### App Initializer Pattern
129129

130-
@angularui/theme uses Angular's `provideAppInitializer()` for clean, testable initialization:
130+
@slateui/theme uses Angular's `provideAppInitializer()` for clean, testable initialization:
131131

132132
```typescript
133133
// Traditional approach (other libraries)
134134
constructor() {
135135
this.initialize(); // Side effects in constructor
136136
}
137137

138-
// @angularui/theme approach
138+
// @slateui/theme approach
139139
provideAppInitializer(() => {
140140
const themeService = inject(ThemeService);
141141
themeService.initialize(); // Clean, controlled initialization
@@ -170,28 +170,28 @@ interface ThemeConfig {
170170

171171
#### Tailwind CSS Integration
172172
```typescript
173-
provideUiTheme({
173+
provideSlateUiTheme({
174174
strategy: 'class'
175175
})
176176
```
177177

178178
#### Custom Storage Key
179179
```typescript
180-
provideUiTheme({
180+
provideSlateUiTheme({
181181
storageKey: 'my-app-theme'
182182
})
183183
```
184184

185185
#### Disable System Detection
186186
```typescript
187-
provideUiTheme({
187+
provideSlateUiTheme({
188188
enableSystem: false
189189
})
190190
```
191191

192192
#### Forced Theme (for demos)
193193
```typescript
194-
provideUiTheme({
194+
provideSlateUiTheme({
195195
forcedTheme: 'dark'
196196
})
197197
```
@@ -224,7 +224,7 @@ The main service that manages theme state using Angular signals.
224224

225225
```typescript
226226
import { Component, inject } from '@angular/core';
227-
import { ThemeService } from '@angularui/theme';
227+
import { ThemeService } from '@slateui/theme';
228228

229229
@Component({
230230
selector: 'app-example',
@@ -261,7 +261,7 @@ The ThemeService automatically handles cleanup when the application is destroyed
261261

262262
```typescript
263263
import { Component, inject, OnDestroy } from '@angular/core';
264-
import { ThemeService } from '@angularui/theme';
264+
import { ThemeService } from '@slateui/theme';
265265

266266
@Component({
267267
selector: 'app-example',
@@ -290,7 +290,7 @@ console.log('Current config:', config);
290290
### Class Strategy (Recommended for Tailwind)
291291

292292
```typescript
293-
provideUiTheme({
293+
provideSlateUiTheme({
294294
strategy: 'class'
295295
})
296296
```
@@ -313,7 +313,7 @@ provideUiTheme({
313313
### Attribute Strategy (CSS Variables)
314314

315315
```typescript
316-
provideUiTheme({
316+
provideSlateUiTheme({
317317
strategy: 'attribute'
318318
})
319319
```
@@ -347,7 +347,7 @@ The package automatically handles SSR scenarios:
347347
### Manual Initialization
348348

349349
```typescript
350-
provideUiTheme({
350+
provideSlateUiTheme({
351351
enableAutoInit: false
352352
})
353353

@@ -365,7 +365,7 @@ export class AppComponent implements OnInit {
365365
### Conditional Initialization
366366

367367
```typescript
368-
provideUiTheme({
368+
provideSlateUiTheme({
369369
enableAutoInit: false
370370
})
371371

@@ -381,7 +381,7 @@ ngOnInit() {
381381

382382
```typescript
383383
import { effect, inject } from '@angular/core';
384-
import { ThemeService } from '@angularui/theme';
384+
import { ThemeService } from '@slateui/theme';
385385

386386
// Listen to theme changes
387387
effect(() => {

‎angular.json‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,12 @@
4949
],
5050
"styles": [
5151
"projects/demo/src/styles.css"
52-
]
52+
],
53+
"server": "projects/demo/src/main.server.ts",
54+
"outputMode": "server",
55+
"ssr": {
56+
"entry": "projects/demo/src/server.ts"
57+
}
5358
},
5459
"configurations": {
5560
"production": {

0 commit comments

Comments
 (0)