@@ -380,7 +380,7 @@ <h3 style="margin: 0; text-shadow: 0 0 2px var(--search-background);">LANG_CONTR
380380 </ div >
381381 </ div >
382382 < div class ="settings-grid home-settings ">
383- < div class ="settings-grid general-home-settings " style ="border-radius: 28px 28px 10px 10px; display: none; ">
383+ < div class ="settings-grid general-home-settings " style ="border-radius: 10px; display: none; ">
384384 < div class ="setting-item " id ="setting-ai ">
385385 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> auto_awesome</ span > </ div >
386386 < span class ="setting-label "> GuraAI</ span >
@@ -390,77 +390,105 @@ <h3 style="margin: 0; text-shadow: 0 0 2px var(--search-background);">LANG_CONTR
390390 < span class ="setting-label " data-lang-key ="ONE_BUTTON_NAV "> Buttons</ span >
391391 </ div >
392392 </ div >
393- < div class ="settings-grid clock-settings " style ="border-radius: 10px; ">
393+ <!-- Appearance -->
394+ < h4 style ="margin: 10px; "> Appearance</ h4 >
395+ < div class ="settings-grid appearance-settings ">
394396 < div class ="setting-item " id ="setting-style ">
395397 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> match_case</ span > </ div >
396- < span class ="setting-label " data-lang-key ="STYLE "> </ span >
398+ < span class ="setting-label " data-lang-key ="STYLE "> Style </ span >
397399 </ div >
398- < div class ="setting-item " id ="setting-clock-color ">
400+
401+ < div class ="setting-item active " id ="setting-clock-color ">
399402 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> colorize</ span > </ div >
400- < span class ="setting-label " data-lang-key ="CLOCK_COLOR "> </ span >
403+ < span class ="setting-label " data-lang-key ="CLOCK_COLOR "> Clock Color </ span >
401404 </ div >
405+
402406 < div class ="setting-item " id ="setting-clock-shadow ">
403407 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> text_select_move_down</ span > </ div >
404408 < span class ="setting-label " data-lang-key ="SHADOW "> Shadow</ span >
405409 </ div >
406- < div class ="setting-item " id ="setting-clock-stack ">
407- < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> farsight_digital</ span > </ div >
408- < span class ="setting-label " data-lang-key ="CLOCK_STACK "> </ span >
409- </ div >
410+
410411 < div class ="setting-item " id ="setting-weight ">
411412 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> line_weight</ span > </ div >
412- < span class ="setting-label " data-lang-key ="WEIGHT "> </ span >
413+ < span class ="setting-label " data-lang-key ="WEIGHT "> Weight </ span >
413414 </ div >
414- < div class ="setting-item " id ="setting-roundness ">
415+
416+ < div class ="setting-item active " id ="setting-roundness ">
415417 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> line_curve</ span > </ div >
416418 < span class ="setting-label "> Roundness</ span >
417419 </ div >
418- < div class ="setting-item " id ="setting-position ">
420+ </ div >
421+ <!-- Layout -->
422+ < h4 style ="margin: 10px; "> Layout</ h4 >
423+ < div class ="settings-grid layout-settings ">
424+ < div class ="setting-item active " id ="setting-position ">
419425 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> open_with</ span > </ div >
420- < span class ="setting-label " data-lang-key ="ALIGNMENT "> </ span >
426+ < span class ="setting-label " data-lang-key ="ALIGNMENT "> Alignment </ span >
421427 </ div >
422- < div class ="setting-item " id ="setting-size ">
428+
429+ < div class ="setting-item active " id ="setting-size ">
423430 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> measuring_tape</ span > </ div >
424431 < span class ="setting-label "> Size</ span >
425432 </ div >
426- < div class ="setting-item " id ="setting-clock-spacing ">
433+
434+ < div class ="setting-item active " id ="setting-clock-spacing ">
427435 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> space_bar</ span > </ div >
428436 < span class ="setting-label "> Spacing</ span >
429437 </ div >
438+
430439 < div class ="setting-item " id ="setting-text-case ">
431440 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> text_fields</ span > </ div >
432441 < span class ="setting-label "> Case</ span >
433442 </ div >
434- < div class ="setting-item " id ="setting-date-size ">
443+ </ div >
444+ <!-- Time & Date -->
445+ < h4 style ="margin: 10px; "> Time & Date</ h4 >
446+ < div class ="settings-grid time-date-settings ">
447+ < div class ="setting-item active " id ="setting-clock-stack ">
448+ < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> farsight_digital</ span > </ div >
449+ < span class ="setting-label " data-lang-key ="CLOCK_STACK "> Clock Stack</ span >
450+ </ div >
451+
452+ < div class ="setting-item active " id ="setting-date-size ">
435453 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> calendar_view_day</ span > </ div >
436454 < span class ="setting-label "> Date Size</ span >
437455 </ div >
456+
438457 < div class ="setting-item " id ="setting-date-offset ">
439458 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> vertical_align_center</ span > </ div >
440459 < span class ="setting-label "> Date Offset</ span >
441460 </ div >
461+
442462 < div class ="setting-item " id ="setting-format ">
443463 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> edit_calendar</ span > </ div >
444464 < span class ="setting-label " data-lang-key ="FORMAT "> Format</ span >
445465 </ div >
466+
446467 < div class ="setting-item " id ="setting-seconds ">
447468 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> timer_10_select</ span > </ div >
448- < span class ="setting-label " data-lang-key ="SECONDS "> </ span >
469+ < span class ="setting-label " data-lang-key ="SECONDS "> Seconds </ span >
449470 </ div >
450- < div class ="setting-item " id ="setting-gurapps ">
471+ </ div >
472+ <!-- Other -->
473+ < h4 style ="margin: 10px; "> Other</ h4 >
474+ < div class ="settings-grid other-settings ">
475+ < div class ="setting-item active " id ="setting-gurapps ">
451476 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> grid_view</ span > </ div >
452- < span class ="setting-label " data-lang-key ="GURAPPS "> </ span >
477+ < span class ="setting-label " data-lang-key ="GURAPPS "> Gurapps </ span >
453478 </ div >
479+
454480 < div class ="setting-item " id ="setting-weather ">
455481 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> partly_cloudy_day</ span > </ div >
456- < span class ="setting-label " data-lang-key ="WEATHER "> </ span >
482+ < span class ="setting-label " data-lang-key ="WEATHER "> Weather </ span >
457483 </ div >
484+
458485 < div class ="setting-item " id ="setting-widgets ">
459486 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> widget_menu</ span > </ div >
460487 < span class ="setting-label " data-lang-key ="WIDGETS "> Widgets</ span >
461488 </ div >
462489 </ div >
463- < div class ="settings-grid wallpaper-settings " style ="border-radius: 10px 10px 28px 28px; ">
490+ < div class ="settings-grid wallpaper-settings " style ="border-radius: 10px ">
491+ < h4 style ="margin: 10px; "> Wallpaper</ h4 >
464492 < div class ="setting-item " id ="setting-wallpaper ">
465493 < div class ="setting-icon-bg "> < span class ="material-symbols-rounded "> filter_vintage</ span > </ div >
466494 < span class ="setting-label " data-lang-key ="WALLPAPER "> </ span >
0 commit comments