{"id":23287,"date":"2026-06-19T19:21:49","date_gmt":"2026-06-19T17:21:49","guid":{"rendered":"https:\/\/www.digitalking.it\/?p=23287"},"modified":"2026-06-19T19:21:51","modified_gmt":"2026-06-19T17:21:51","slug":"skin-color-lab-kodi-addon-custom-themes","status":"publish","type":"post","link":"https:\/\/www.digitalking.it\/en\/2026\/06\/19\/skin-color-lab-kodi-addon-custom-themes\/","title":{"rendered":"Skin Color Lab Kodi: Personalize Themes Without XML &#8211; Complete Guide"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading time:<\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#how-it-works\">How it works<\/a><\/li><li><a href=\"#installation-step-by-step\">Installation step by step<\/a><ul><li><a href=\"#step-1-add-the-repository-source\">Step 1: add the repository source<\/a><\/li><li><a href=\"#step-2-install-the-skin-color-lab-addon-from-zip\">Step 2: install the Skin Color Lab addon from ZIP<\/a><\/li><li><a href=\"#step-3-launch-skin-color-lab-from-the-programs-section\">Step 3: launch Skin Color Lab from the Programs section<\/a><\/li><li><a href=\"#step-4-install-estuary-colorlab\">Step 4: install Estuary ColorLab<\/a><\/li><li><a href=\"#step-5-activate-the-skin\">Step 5: activate the skin<\/a><\/li><\/ul><\/li><li><a href=\"#theme-editor-real-time-customization\">Theme editor: real-time customization<\/a><\/li><li><a href=\"#essential-settings\">Essential settings<\/a><\/li><li><a href=\"#automatic-updates\">Automatic updates<\/a><\/li><li><a href=\"#for-skin-developers\">For skin developers<\/a><\/li><li><a href=\"#is-skin-color-lab-only-for-estuary-colorlab\">FAQ about Skin Color Lab<\/a><ul><li><a href=\"#faq-question-1781889237723\">Is Skin Color Lab only for Estuary ColorLab?<\/a><\/li><li><a href=\"#faq-question-1781889264866\">Do I need to edit XML manually to use Skin Color Lab?<\/a><\/li><li><a href=\"#faq-question-1781889277788\">Is it complicated to create a custom theme?<\/a><\/li><\/ul><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<p>Here&#8217;s the thing: if you want to customize Kodi&#8217;s colors, you&#8217;re stuck editing XML files manually. Changing them means digging through dozens of XML files, tweaking values, and manually checking contrast. It&#8217;s not exactly the workflow you dream of when all you want is a UI that matches your taste.<\/p>\n\n\n\n<p><strong>Skin Color Lab<\/strong>&nbsp;flips that model on its head. It separates color data from skin logic: pick a theme, the addon applies it dynamically, the skin consumes it automatically.&nbsp;<strong>Estuary ColorLab<\/strong>&nbsp;is a modified version of Estuary (the official Kodi 21 Omega skin) that I prepared as the reference implementation, it shows concretely how the framework works in practice.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-dominant-color=\"0e191f\" data-has-transparency=\"false\" style=\"--dominant-color: #0e191f;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-1024x473.webp\" alt=\"Skin Color Lab main menu\" class=\"wp-image-23283 not-transparent\" srcset=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-1024x473.webp 1024w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-300x138.webp 300w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-768x354.webp 768w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-1536x709.webp 1536w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_menu-2048x945.webp 2048w\" \/><figcaption class=\"wp-element-caption\">Skin Color Lab main menu<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"how-it-works\">How it works<\/h2>\n\n\n\n<p>The addon reads a theme file that contains colors (a structured text file, in JSON format) and makes them available to the skin dynamically. The skin can then automatically react to the colors you choose. The result is immediate: theme switching in clicks, light and dark themes living side-by-side, access to&nbsp;<strong>28 professional palettes<\/strong>, random palette generation that respects contrast and accessibility rules.<\/p>\n\n\n\n<p>All&nbsp;<strong>28 built-in themes reach 100% coverage<\/strong>&nbsp;(indicator&nbsp;<code>\u25cf\u25cf\u25cf\u25cf\u25cf 100%<\/code>&nbsp;in the theme editor), meaning every color variable the skin uses is explicitly defined.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation-step-by-step\">Installation step by step<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-add-the-repository-source\">Step 1: add the repository source<\/h3>\n\n\n\n<p>In Kodi File Manager, add this source:<\/p>\n\n\n\n<p><code>https:\/\/www.digitalking.it\/kodi-repo\/<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-install-the-skin-color-lab-addon-from-zip\">Step 2: install the Skin Color Lab addon from ZIP<\/h3>\n\n\n\n<p>Open&nbsp;<strong>Add-ons &gt; Install from zip file<\/strong>, browse the source you added, and install:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>script.skincolorlab.zip<\/code><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-launch-skin-color-lab-from-the-programs-section\">Step 3: launch Skin Color Lab from the Programs section<\/h3>\n\n\n\n<p>After installation:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>open the addon from&nbsp;<strong>Programs<\/strong><\/li>\n\n\n\n<li>choose a theme<\/li>\n\n\n\n<li>apply the palette<\/li>\n<\/ol>\n\n\n\n<p>This step is important because it initializes the dynamic color values before the skin starts using them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-install-estuary-colorlab\">Step 4: install Estuary ColorLab<\/h3>\n\n\n\n<p>Go back to&nbsp;<strong>Install from zip file<\/strong>&nbsp;and install:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>skin.estuary.colorlab.zip<\/code><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Because Estuary ColorLab is a fairly large skin package (around 5 MB) and the repository may respond slowly, the first installation can take longer than expected. After selecting the ZIP, wait patiently until Kodi completes the installation instead of interrupting the process too early.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-activate-the-skin\">Step 5: activate the skin<\/h3>\n\n\n\n<p>Once installed, switch your active skin to&nbsp;<strong>Estuary ColorLab<\/strong>. The skin will then consume the colors exported by Skin Color Lab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-dominant-color=\"18293c\" data-has-transparency=\"false\" style=\"--dominant-color: #18293c;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-1024x473.webp\" alt=\"dark Skin Color Lab theme\" class=\"wp-image-23284 not-transparent\" srcset=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-1024x473.webp 1024w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-300x138.webp 300w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-768x354.webp 768w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-1536x709.webp 1536w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_dark_theme-2048x945.webp 2048w\" \/><figcaption class=\"wp-element-caption\">dark Skin Color Lab theme<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"theme-editor-real-time-customization\">Theme editor: real-time customization<\/h2>\n\n\n\n<p>The&nbsp;<strong>built-in editor<\/strong>&nbsp;is the heart of the system. Use it to build themes from scratch, tweak existing ones, or experiment with duplicates before finalizing.<\/p>\n\n\n\n<p>It offers two layouts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Standard<\/strong>: optimized for remote and TV<\/li>\n\n\n\n<li><strong>Touch-friendly<\/strong>: larger controls, better for mobile devices<\/li>\n<\/ul>\n\n\n\n<p>Inside you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>see&nbsp;<strong>live color previews<\/strong>&nbsp;for each value<\/li>\n\n\n\n<li>edit HEX values manually or via Kodi&#8217;s color picker<\/li>\n\n\n\n<li>generate&nbsp;<strong>random palettes<\/strong>&nbsp;respecting contrast constraints<\/li>\n\n\n\n<li>multi-level undo\/redo<\/li>\n\n\n\n<li>rename themes and update descriptions<\/li>\n<\/ul>\n\n\n\n<p>After saving, the palette preview is generated automatically.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-dominant-color=\"463e4c\" data-has-transparency=\"false\" style=\"--dominant-color: #463e4c;\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-1024x473.webp\" alt=\"Skin Color Lab theme editor\" class=\"wp-image-23288 not-transparent\" srcset=\"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-1024x473.webp 1024w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-300x138.webp 300w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-768x354.webp 768w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-1536x709.webp 1536w, https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/Skin_Color_Lab_editor-1-2048x945.webp 2048w\" \/><figcaption class=\"wp-element-caption\">Skin Color Lab theme editor<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"essential-settings\">Essential settings<\/h2>\n\n\n\n<p>Inside the Skin Color Lab addon, you&#8217;ll find a few important settings that control how the system behaves:<\/p>\n\n\n\n<p><strong>Autoload theme on startup<\/strong>&nbsp;\u2014 Keeps your chosen theme even after Kodi restarts. Recommended: enabled.<\/p>\n\n\n\n<p><strong>Reload skin after applying<\/strong>&nbsp;\u2014 The skin reloads to apply the new colors. Recommended: enabled. Disable only if you&#8217;re testing and want to defer reloads.<\/p>\n\n\n\n<p><strong>Use touch-friendly theme editor<\/strong>&nbsp;\u2014 If Kodi is on a small screen device, enable this for larger controls and better spacing.<\/p>\n\n\n\n<p><strong>Enable service health snapshot logs<\/strong>&nbsp;\u2014 Diagnostic option. Useful for debugging or sharing logs with support. Fine to leave on for normal use.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"automatic-updates\">Automatic updates<\/h2>\n\n\n\n<p>Skin Color Lab monitors the GitLab repository for updates to&nbsp;<strong>both components<\/strong>:&nbsp;<code>script.skincolorlab<\/code>&nbsp;and&nbsp;<code>skin.estuary.colorlab<\/code>. When found, it installs them in sequence (skin first, addon after) and notifies you what changed. You can configure the check interval (24h default).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"for-skin-developers\">For skin developers<\/h2>\n\n\n\n<p>If you&#8217;re building a Kodi skin and want to integrate it with Skin Color Lab, the process is structured and well documented.<\/p>\n\n\n\n<p>The benefits for developers are clear:&nbsp;<strong>data-logic separation<\/strong>,&nbsp;<strong>easier maintenance<\/strong>,&nbsp;<strong>less code to maintain<\/strong>,&nbsp;<strong>cleaner evolution<\/strong>.<\/p>\n\n\n\n<p>All technical details, integration examples, and the complete workflow are available in the&nbsp;<strong>GitLab README<\/strong>:<br \/><strong><a href=\"https:\/\/gitlab.com\/personal4143605\/skin-color-lab\" target=\"_blank\" rel=\"noopener\">https:\/\/gitlab.com\/personal4143605\/skin-color-lab<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-skin-color-lab-only-for-estuary-colorlab\">FAQ about Skin Color Lab<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1781889237723\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Is Skin Color Lab only for Estuary ColorLab?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No.\u00a0<strong>Estuary ColorLab<\/strong>\u00a0is the modified version I prepared (based on official Estuary from Kodi 21 Omega) to show how the framework works concretely. But Skin Color Lab is designed for any compatible skin that integrates with the system.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1781889264866\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Do I need to edit XML manually to use Skin Color Lab?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>As a normal user, no. Install the addon, install a compatible skin, apply a theme, and the dynamic values are handled automatically. Manual XML work is relevant only if you are integrating the framework into your own skin.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1781889277788\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Is it complicated to create a custom theme?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No. The built-in editor makes it simple and straightforward. Pick colors, see the preview in real time, and when you save, your theme is added automatically to your theme picker menu alongside the 28 built-in themes. From then on you can select it, edit it, or use it as a base for other themes \u2014 all without touching any XML files.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>Skin Color Lab solves a concrete problem: personalize Kodi and build skins without getting your hands dirty with XML code. JSON themes, built-in editor, automatic updates, reference skin ready to go.<\/p>\n\n\n\n<p>For users: custom UI in clicks, professional themes, visual consistency guaranteed. For developers: clean data-logic separation, less maintenance, smarter architecture.<\/p>\n\n\n\n<p>If you want&nbsp;<strong>dynamic theming in Kodi<\/strong>&nbsp;without compromise, Skin Color Lab is the most mature and interesting framework available today.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading time:<\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>Skin Color Lab Kodi: skip the XML editing. Build custom Kodi themes with a built-in editor and 28 ready-made palettes.<\/p>\n","protected":false},"author":1,"featured_media":23286,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[3937],"tags":[3939,3941,3949,3938,3942,3948,3947],"class_list":["post-23287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kodi-en","tag-addon-2","tag-addon-en","tag-custom-themes","tag-kodi-2","tag-kodi-en","tag-skin-color-lab","tag-theme-editor"],"author_meta":{"display_name":"Simone","author_link":"https:\/\/www.digitalking.it\/en\/author\/admin\/"},"featured_img":"https:\/\/www.digitalking.it\/wp-content\/uploads\/2026\/06\/icon-300x300.webp","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">Kodi<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Kodi<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">addon<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">addon<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">custom-themes<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">Kodi<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">kodi<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">skin-color-lab<\/a>","<a href=\"https:\/\/www.digitalking.it\/en\/category\/kodi-en\/\" class=\"advgb-post-tax-term\">theme-editor<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">addon<\/span>","<span class=\"advgb-post-tax-term\">addon<\/span>","<span class=\"advgb-post-tax-term\">custom-themes<\/span>","<span class=\"advgb-post-tax-term\">Kodi<\/span>","<span class=\"advgb-post-tax-term\">kodi<\/span>","<span class=\"advgb-post-tax-term\">skin-color-lab<\/span>","<span class=\"advgb-post-tax-term\">theme-editor<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 4 months ago","modified":"Updated 4 months ago"},"absolute_dates":{"created":"Posted on June 19, 2026","modified":"Updated on June 19, 2026"},"absolute_dates_time":{"created":"Posted on June 19, 2026 7:21 pm","modified":"Updated on June 19, 2026 7:21 pm"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/posts\/23287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/comments?post=23287"}],"version-history":[{"count":2,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/posts\/23287\/revisions"}],"predecessor-version":[{"id":23291,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/posts\/23287\/revisions\/23291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/media\/23286"}],"wp:attachment":[{"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/media?parent=23287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/categories?post=23287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalking.it\/en\/wp-json\/wp\/v2\/tags?post=23287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}