vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Merge pull request #37499 from rohitwaghchaure/fixed-dark-theme-support

Browse source 
fix: dark theme support for onboarding panel
This commit is contained in:
rohitwaghchaure 2026-02-25 11:28:23 +05:30 • committed by GitHub
commit ef7e0b6c6c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 43 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frappe/public/js/frappe/ui/sidebar/sidebar.html
View file

@ -43,7 +43,7 @@
<p>
<a class="onboarding-sidebar">
{%= frappe.utils.icon("user-check" , "sm", "", "", "text-ink-gray-7 current-color", true)%}
<span> {%= __("Getting started") %} </span>
<span> {%= __("Getting Started") %} </span>
</a>
</p>
<a class="collapse-sidebar-link">

4
frappe/public/js/frappe/ui/user_onboarding/OnboardingPanel.vue
View file

@ -264,10 +264,10 @@ function markReset(step) {
</div>
<div v-if="skippAll">
<span class="onb-skip" @click="resetAll(steps)"> {{ __("Reset all") }}</span>
<span class="onb-skip" @click="resetAll(steps)"> {{ __("Reset All") }}</span>
</div>
<div v-else>
<span class="onb-skip" @click="skipAll(steps)">Skip all</span>
<span class="onb-skip" @click="skipAll(steps)">{{ __("Skip All") }}</span>
</div>
</div>

40
frappe/public/js/frappe/ui/user_onboarding/user_onboarding.bundle.js
View file

@ -215,6 +215,46 @@ function addStyles() {
color: #6b7280;
font-size: 14px;
}
[data-theme="dark"] .onb-panel {
background-color: #232323;
color: #e5e7eb;
box-shadow: 0 12px 40px rgba(0,0,0,0.6);
}
[data-theme="dark"] .text-base {
color: #e5e7eb;
}
[data-theme="dark"] .onb-skip {
color: #9ca3af;
}
[data-theme="dark"] .onb-skip:hover {
color: #f3f4f6;
}
[data-theme="dark"] .onb-title-steps,
[data-theme="dark"] .onb-progress-text {
color: #9ca3af;
}
[data-theme="dark"] .onb-group:hover {
background: #374151;
color: #f3f4f6;
}
[data-theme="dark"] .onb-progress-badge {
background: rgba(245,158,11,0.15);
color: #fbbf24;
}
[data-theme="dark"] .onb-progress-badge-complete {
background: rgba(16,185,129,0.15);
color: #34d399;
}
`;
document.head.appendChild(style);