Skip to content

Commit 75cb305

Browse files
committed
chore: initial commit over pre-commit
1 parent a851f17 commit 75cb305

File tree

8 files changed

+95
-84
lines changed

8 files changed

+95
-84
lines changed

AUTO_THEME_DETECTION.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ depictio/dash/
8484
### For Users
8585
1. **Automatic**: Theme matches your computer automatically
8686
2. **Manual Light**: Click theme switch to force light theme
87-
3. **Manual Dark**: Click theme switch to force dark theme
87+
3. **Manual Dark**: Click theme switch to force dark theme
8888
4. **Back to Auto**: Click "🔄 Auto" button to re-enable automatic detection
8989

9090
### For Developers
@@ -102,7 +102,7 @@ auto_button = create_auto_theme_button()
102102
## Browser Compatibility
103103

104104
- **Chrome/Edge**: Full support
105-
- **Firefox**: Full support
105+
- **Firefox**: Full support
106106
- **Safari**: Full support
107107
- **Mobile**: Full support on modern browsers
108108

@@ -130,4 +130,4 @@ auto_button = create_auto_theme_button()
130130
- **Custom Themes**: Support for user-defined color schemes
131131
- **Schedule-Based**: Automatic theme switching based on time
132132
- **High Contrast**: Accessibility-focused theme variants
133-
- **Theme Sync**: Cross-device theme synchronization
133+
- **Theme Sync**: Cross-device theme synchronization

depictio/dash/assets/backgrounds.css

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -114,67 +114,67 @@ body.theme-manual-dark .auth-modal-content {
114114

115115
/* GPU-optimized animations with increased movement */
116116
@keyframes backgroundDrift {
117-
0%, 100% {
117+
0%, 100% {
118118
transform: translate3d(0, 0, 0) rotate(0deg);
119119
}
120-
25% {
120+
25% {
121121
transform: translate3d(15px, -10px, 0) rotate(1deg);
122122
}
123-
50% {
123+
50% {
124124
transform: translate3d(-10px, 15px, 0) rotate(-1deg);
125125
}
126-
75% {
126+
75% {
127127
transform: translate3d(-15px, -5px, 0) rotate(0.5deg);
128128
}
129129
}
130130

131131
@keyframes triangleFloat {
132-
0%, 100% {
132+
0%, 100% {
133133
transform: translate3d(0, 0, 0) rotate(0deg);
134134
opacity: 0.2;
135135
}
136-
25% {
136+
25% {
137137
transform: translate3d(25px, -20px, 0) rotate(90deg);
138138
opacity: 0.5;
139139
}
140-
50% {
140+
50% {
141141
transform: translate3d(35px, 10px, 0) rotate(180deg);
142142
opacity: 0.4;
143143
}
144-
75% {
144+
75% {
145145
transform: translate3d(15px, 30px, 0) rotate(270deg);
146146
opacity: 0.45;
147147
}
148148
}
149149

150150
@keyframes triangleDrift {
151-
0%, 100% {
151+
0%, 100% {
152152
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
153153
opacity: 0.3;
154154
}
155-
33% {
155+
33% {
156156
transform: translate3d(40px, -25px, 0) rotate(120deg) scale(1.1);
157157
opacity: 0.5;
158158
}
159-
66% {
159+
66% {
160160
transform: translate3d(-30px, 20px, 0) rotate(240deg) scale(0.9);
161161
opacity: 0.4;
162162
}
163163
}
164164

165165
@keyframes trianglePulse {
166-
0%, 100% {
166+
0%, 100% {
167167
opacity: 0.2;
168168
transform: scale3d(1, 1, 1) rotate(0deg) translate3d(0, 0, 0);
169169
}
170-
50% {
170+
50% {
171171
opacity: 0.6;
172172
transform: scale3d(1.2, 1.2, 1) rotate(180deg) translate3d(20px, -15px, 0);
173173
}
174174
}
175175

176176
@keyframes triangleRotate {
177-
0% {
177+
0% {
178178
transform: rotate(0deg) translate3d(0, 0, 0);
179179
opacity: 0.25;
180180
}
@@ -190,49 +190,49 @@ body.theme-manual-dark .auth-modal-content {
190190
transform: rotate(270deg) translate3d(-25px, 0, 0);
191191
opacity: 0.45;
192192
}
193-
100% {
193+
100% {
194194
transform: rotate(360deg) translate3d(0, 0, 0);
195195
opacity: 0.25;
196196
}
197197
}
198198

199199
@keyframes triangleOrbit {
200-
0%, 100% {
200+
0%, 100% {
201201
transform: translate3d(0, 0, 0) rotate(0deg);
202202
opacity: 0.3;
203203
}
204-
25% {
204+
25% {
205205
transform: translate3d(45px, -35px, 0) rotate(45deg);
206206
opacity: 0.5;
207207
}
208-
50% {
208+
50% {
209209
transform: translate3d(50px, 40px, 0) rotate(180deg);
210210
opacity: 0.4;
211211
}
212-
75% {
212+
75% {
213213
transform: translate3d(-40px, 30px, 0) rotate(315deg);
214214
opacity: 0.45;
215215
}
216216
}
217217

218218
@keyframes triangleWave {
219-
0%, 100% {
219+
0%, 100% {
220220
transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
221221
opacity: 0.25;
222222
}
223-
20% {
223+
20% {
224224
transform: translate3d(20px, -30px, 0) rotate(72deg) scale(1.05);
225225
opacity: 0.4;
226226
}
227-
40% {
227+
40% {
228228
transform: translate3d(35px, 15px, 0) rotate(144deg) scale(0.95);
229229
opacity: 0.5;
230230
}
231-
60% {
231+
60% {
232232
transform: translate3d(-25px, 35px, 0) rotate(216deg) scale(1.1);
233233
opacity: 0.45;
234234
}
235-
80% {
235+
80% {
236236
transform: translate3d(-35px, -20px, 0) rotate(288deg) scale(0.9);
237237
opacity: 0.35;
238238
}
@@ -387,4 +387,4 @@ body {
387387
background-color: var(--app-surface-color, var(--depictio-surface-light)) !important;
388388
color: var(--app-text-color, var(--depictio-text-light)) !important;
389389
transition: background-color 0.2s ease, color 0.2s ease;
390-
}
390+
}

depictio/dash/core/callbacks.py

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,9 +60,10 @@ def register_all_callbacks(app):
6060

6161
# Register feature-specific callbacks
6262
register_feature_callbacks(app)
63-
63+
6464
# Register theme bridge callback
6565
from depictio.dash.theme_utils import register_theme_bridge_callback
66+
6667
register_theme_bridge_callback(app)
6768

6869

depictio/dash/layouts/draggable.py

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,7 @@ def populate_draggable(
446446

447447
logger.info(f"Triggered input: {triggered_input}")
448448
# logger.info(f"Theme store: {theme_store}")
449-
449+
450450
# Extract theme safely from multiple sources
451451
theme = "light" # Default
452452
# if theme_relay_data:
@@ -705,7 +705,11 @@ def populate_draggable(
705705
dash.no_update,
706706
)
707707

708-
elif "interactive-component" in triggered_input and toggle_interactivity_button or triggered_input == "theme-relay-store":
708+
elif (
709+
"interactive-component" in triggered_input
710+
and toggle_interactivity_button
711+
or triggered_input == "theme-relay-store"
712+
):
709713
logger.info("Interactive component triggered")
710714

711715
def clean_stored_metadata(stored_metadata):
@@ -1071,7 +1075,11 @@ def clean_stored_metadata(stored_metadata):
10711075
metadata["filter_applied"] = False
10721076

10731077
new_child, index = render_raw_children(
1074-
metadata, edit_components_mode_button, dashboard_id, TOKEN=TOKEN, theme=theme
1078+
metadata,
1079+
edit_components_mode_button,
1080+
dashboard_id,
1081+
TOKEN=TOKEN,
1082+
theme=theme,
10751083
)
10761084
new_children.append(new_child)
10771085

depictio/dash/layouts/projectwise_user_management.py

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1190,8 +1190,8 @@ def toggle_make_project_public_modal(
11901190
)
11911191
def update_ag_grid_theme(theme_data):
11921192
"""Update AG Grid theme class based on current theme."""
1193-
theme = theme_data or 'light'
1194-
if theme == 'dark':
1193+
theme = theme_data or "light"
1194+
if theme == "dark":
11951195
return "ag-theme-alpine-dark"
11961196
else:
11971197
return "ag-theme-alpine"

0 commit comments

Comments
 (0)