Skip to content

Hindu Color Wear Widget

ScriptableWidget SizeThemeColor LogicOfflineLast Updated

This Scriptable widget recommends what color to wear each day based on Hindu tradition.
Each day is linked to a color, deity, and spiritual intention — designed to help you feel aligned, energized, and centered.

Ancient tradition meets modern homescreen design.

✨ Features

  • 🗓️ Day-Aware: Automatically detects today’s day of the week.
  • 🎨 Color Recommendation: Shows the recommended Hindu color to wear.
  • 🧘‍♂️ Spiritual Reasoning: Large widget explains symbolic meaning behind the color.
  • 🖼️ Dynamic Layouts:
    • Small: Color + Day
    • Medium: Weekly color grid (Mon–Sun)
    • Large: Today’s reasoning in depth
  • 🌈 Auto-adjusting background gradients
  • 🕉️ Designed for mindfulness, clarity, and intention

🧠 Color Associations

DayColorAssociated With
SundayRedSurya (Sun) – Vitality, Leadership
MondayWhiteShiva – Purity, Peace
TuesdayOrange-RedHanuman – Courage, Energy
WednesdayGreenBudh (Mercury) – Growth, Wisdom
ThursdayYellowGuru (Jupiter) – Knowledge, Positivity
FridayLight BlueDurga/Shukra – Devotion, Love
SaturdayBlackShani (Saturn) – Protection, Discipline

⚙️ Setup Instructions

1. Install Scriptable

Download the Scriptable app from the App Store.

2. Add the Script

  1. Create a new script called HinduColorWidget
  2. Paste the full widget code into the editor
  3. Save the script

3. Add the Widget

  1. Long-press your Home Screen → tap +
  2. Search for Scriptable
  3. Add a widget of desired size (Small, Medium, Large)
  4. Long-press the widget → tap Edit Widget
  5. Set Script to HinduColorWidget
  6. Leave the parameter blank — the script auto-detects today

📐 Widget Size Behavior

SizeDescription
SmallToday’s color name and day (centered)
MediumWeek grid: Days & Colors (highlight today)
LargeToday’s color + full spiritual reasoning

🎨 Visual Style

  • Background: Dynamic dark gradient based on today’s color
  • Text: White-tinted with soft contrast for readability
  • Highlight: Today's entry is bolded and recolored

💡 Behind the Color Logic

Each day's color is defined by an array in the script like:

js
{
  day: "Thursday",
  colorName: "Yellow",
  color: "#FFD700",
  reason: "Yellow signifies knowledge, learning, and positivity. Thursday, governed by Jupiter (Guru)..."
}

Feel free to customize this array for regional traditions or alternate meanings.

📸 Screenshots

🙌 Feedback

Have questions or want to expand this into a daily quote + color combo? DM me on Instagram or email at rushiofficial1205@gmail.com.

Align with tradition. Dress with intention. Start your day grounded.

📜 License

MIT License. Free to use, customize, and remix — just credit the source.

Stay colorful ~ RP