किसी म्यूज़िक टूल का डिफ़ॉल्ट लुक तय करता है कि लोग उसमें किस जॉनर का म्यूज़िक बनाएँगे। काले-बैंगनी सिंथ टूल लोगों को सिंथ ट्रैक्स की तरफ़ खींचते हैं। गर्म-काग़ज़ी फ़ोक टूल उन्हें फ़ोक ट्रैक्स की तरफ़ खींचते हैं। हम चाहते थे कि aisonggen जॉनर के मामले में न्यूट्रल लगे, इसलिए इसमें चार थीम हैं जो सब फ्रंट डोर पर बराबरी से बैठती हैं।
चार मूड जिन पर हम पहुँचे
- Sonic Teal — ठंडा, क्लिनिकल डिफ़ॉल्ट। आधी रात के बाद किसी मास्टरिंग स्टूडियो के अंदर जैसा दिखता है। एम्बिएंट, टेक्नो, ऐसी हर चीज़ के लिए सबसे अच्छा जहाँ गाना कहानी से ज़्यादा आर्किटेक्चर हो।
- Neon Orange — तेज़, गर्म वाला। ब्रांड डिफ़ॉल्ट। सुबह 2 बजे क्लब के बाहर जैसा दिखता है। ट्रैप, हाइपरपॉप, ऐसी हर चीज़ के लिए सबसे अच्छा जहाँ एनर्जी ही पॉइंट हो।
- Studio Black — शांत, महँगा वाला। चारकोल और सोना। चमड़े से बने गिटार ऐम्प जैसा दिखता है। जैज़, सोल, ऐसी सिंगर- सॉन्गराइटर टेक्स के लिए सबसे अच्छा जिन्हें गंभीरता से लिया जाना है।
- Electric Magenta — चंचल वाला। पिंक और क्रोम। किसी Y2K म्यूज़िक वीडियो के अंदर जैसा दिखता है। पॉप, डांस, ऐसी हर चीज़ के लिए सबसे अच्छा जहाँ मज़ाक का खुला होना मंज़ूर हो।
इन थीम्स ने हमसे क्या लिया
एक थीम के लिए डिज़ाइन करना कॉन्ट्रास्ट, हायरार्की और ज़ोर के
बारे में हज़ार छोटे-छोटे फ़ैसले हैं। चार के लिए डिज़ाइन करना वही
हज़ार फ़ैसले हैं, चार बार — और उन सबको एक ही कंपोनेंट पर
बिना तोड़े बैठना है। इसे संभालने का तरीक़ा यह था कि हर रंग को
टोकन सिस्टम में डाल दिया, ताकि कंपोनेंट्स ख़ुद कभी हेक्स कोड
की तरफ़ हाथ न बढ़ाएँ, सिर्फ़ रोल की तरफ़: --primary,
--accent, --bg-elevated। थीम वैल्यू बदलती हैं;
कंपोनेंट्स बिल्कुल नहीं बदलते।
इसने हमें क्या दिया
जो हमने उम्मीद नहीं की थी: लोग पर्सनल पसंद के बजाय जॉनर कॉन्टेक्स्ट के हिसाब से थीम चुनने लगे। ट्रैप बीट पर काम करने वाला प्रोड्यूसर Neon Orange में फ्लिप कर देता था, भले ही उसका डिफ़ॉल्ट Sonic Teal हो। थीम स्विचर सेटिंग्स ड्रॉपडाउन होना बंद हो गया और वर्कफ़्लो का हिस्सा बन गया — जिस गाने को आप लिख रहे हों, उसके लिए कमरे को सही मूड में डालने का एक तरीक़ा।
एक्सेसिबिलिटी पर एक नोट
चारों थीम टेक्स्ट कॉन्ट्रास्ट और फ़ोकस रिंग्स पर WCAG AA पूरी करती हैं। इनमें से कोई भी स्टेट के लिए अकेले रंग पर निर्भर नहीं है — हर एक्टिव स्टेट शेप, वज़न या पोज़िशन भी बदलती है। जो यूज़र Sonic Teal और Neon Orange के बीच रंग का फ़र्क़ नहीं देख सकता, उसे भी यह पता चल पाना चाहिए कि बटन दबा हुआ है।