{"id":28364236,"url":"https://github.com/incomplete-infinity/theme-switcher","last_synced_at":"2026-01-28T16:33:54.995Z","repository":{"id":233182364,"uuid":"752841175","full_name":"Incomplete-Infinity/theme-switcher","owner":"Incomplete-Infinity","description":"An original UI feature that allows the user to select a color pallette. ","archived":false,"fork":false,"pushed_at":"2025-05-07T12:23:19.000Z","size":3302,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T02:38:38.425Z","etag":null,"topics":["themes-pallette-preferences-dark-light"],"latest_commit_sha":null,"homepage":"https://incomplete-infinity.github.io/theme-switcher/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Incomplete-Infinity.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-04T23:42:43.000Z","updated_at":"2024-03-05T15:30:10.000Z","dependencies_parsed_at":"2024-04-14T11:45:27.699Z","dependency_job_id":"07113c9d-45b8-4aad-83cb-050ff9d60018","html_url":"https://github.com/Incomplete-Infinity/theme-switcher","commit_stats":null,"previous_names":["incomplete-infinity/theme-switcher"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Incomplete-Infinity/theme-switcher","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Incomplete-Infinity%2Ftheme-switcher","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Incomplete-Infinity%2Ftheme-switcher/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Incomplete-Infinity%2Ftheme-switcher/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Incomplete-Infinity%2Ftheme-switcher/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Incomplete-Infinity","download_url":"https://codeload.github.com/Incomplete-Infinity/theme-switcher/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Incomplete-Infinity%2Ftheme-switcher/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28847017,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T15:15:36.453Z","status":"ssl_error","status_checked_at":"2026-01-28T15:15:13.020Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["themes-pallette-preferences-dark-light"],"created_at":"2025-05-28T20:43:48.275Z","updated_at":"2026-01-28T16:33:54.985Z","avatar_url":"https://github.com/Incomplete-Infinity.png","language":"HTML","readme":"# 🎨 Theme Switcher\n\n\u003e The Theme Switcher is a 🛠 tool that allows users to easily switch between different visual themes on a website🕶. It provides a selection of predefined CSS variables, which users can choose from and apply to customize the appearance of the website.\n\n[![Language Count][language-count-shield]][language-count-url]\n[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url]\n[![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n\n## Table Of Contents\n\n- [Features](#-features)\n  - Screenshot\n- Installation\n- Usage Example\n  - Live Demo\n- Development Prerequisites\n- Files\n  - File Structure\n  - Overview\n  - Details\n    - `index.html`\n    - `script.js`\n    - `style.css`\n- Contributing\n  - Contributing Directly\n- Meta\n  - Copyright\n    \n## Features ✨\n\n- Seamlessly switch between multiple visual themes on a website.\n- Customize the appearance by selecting predefined CSS variables.\n- Instantly apply theme changes for immediate visual feedback.\n- Easy integration into any website using JavaScript.\n\n### Screenshot 📸\n\n![Screenshot][product-screenshot] [^1]\n\n[^1]: Screenshot of the demo project in the default theme(colorless)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Installation 💻\n\nThe Theme Switcher runs directly in the browser🖥, eliminating the need for any installation process. Users can access and utilize it by simply visiting the demo website below.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Usage example 🚀\n\n### Live Demo ▶\n\nTo see the Theme Switcher in action, click [here][demo-url]. [^2]\n\n[^2]: 🌐 Hosted by Github Pages\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Development Prerequisites 🔰\n\nTo develop with the Theme Switcher, a basic understanding of HTML, CSS, and JavaScript is required.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Files\n\n### File Structure 📁\n\n```bash\ntheme-switcher/\n└── images/\n│   ├── README.md\n│   └── theme-switcher.gif\n├── index.html\n├── LICENSE.md\n├── package.json\n├── README.md\n├── script.js\n└── style.css\n```\n\n### Overview\n\n| File Name    | Description                               |\n|--------------|-------------------------------------------|\n| `index.html` | The main HTML file that represents the webpage structure and content. It includes the title, theme switcher buttons, and a container for displaying the selected theme. |\n| `style.css`  | The CSS file that defines the styling rules for the webpage. It includes styles for various elements, such as the container, headings, buttons, and table. It also defines different CSS variables for each theme, allowing dynamic theme switching. |\n| `script.js`  | The JavaScript file that contains the `changeTheme` function and the `titleCase` helper function. The `changeTheme` function is called when a theme button is clicked and updates the theme of the webpage by adding/removing CSS classes on the `body` element. The `titleCase` function converts a string to title case by capitalizing the first letter of each word. |\n\n### Details\n\n#### index.html\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\" /\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" /\u003e\n  \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" /\u003e\n  \u003ctitle\u003eSci-Fi Theme Switcher\u003c/title\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700\u0026amp;display=swap\" /\u003e\n  \u003clink rel=\"stylesheet\" href=\"style.css\" /\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003cdiv class=\"container\"\u003e\n    \u003ch1 id=\"header\"\u003eTheme Switcher\u003c/h1\u003e\n    \u003cp\u003e\n      This is a prototype as well as a proof of concept to be used as a\n      feature in future projects.\n    \u003c/p\u003e\n    \u003cp\u003eSelect a theme from the choices below for a demo.\u003c/p\u003e\n    \u003chr /\u003e\n    \u003ctable\u003e\n      \u003ctr\u003e\n        \u003ctd\u003e\n          \u003ch2\u003eLight\u003c/h2\u003e\n          \u003ctable\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('alien')\"\u003eXeno\u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('back-to-the-future')\"\u003e\n                    McFly\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('star-wars-tatooine-jakku')\"\u003e\n                    Light\u0026nbsp;Side\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('the-fifth-element')\"\u003e\n                    Multi-Pass\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('close-encounters')\"\u003e\n                    Close\u0026nbsp;Encounters\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n            \u003c/tbody\u003e\n          \u003c/table\u003e\n        \u003c/td\u003e\n        \u003ctd\u003e\n          \u003ch2\u003eDark\u003c/h2\u003e\n          \u003ctable\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('blade-runner')\"\u003e\n                    Blade\u0026nbsp;Runner\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('jurassic-park')\"\u003e\n                    Dino\u0026nbsp;DNA\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('star-wars')\"\u003e\n                    Dark\u0026nbsp;Side\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('the-matrix')\"\u003e\n                    The\u0026nbsp;One\n                  \u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e\n                  \u003cbutton onclick=\"changeTheme('dune')\"\u003eSpice\u003c/button\u003e\n                \u003c/td\u003e\n              \u003c/tr\u003e\n            \u003c/tbody\u003e\n          \u003c/table\u003e\n        \u003c/td\u003e\n      \u003c/tr\u003e\n    \u003c/table\u003e\n  \u003c/div\u003e\n  \u003cscript src=\"script.js\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\nIntegrates the theme switcher functionality into the HTML structure. When a theme button is clicked, it calls the `changeTheme` function with the corresponding theme name as the argument.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n#### script.js\n\n```javascript\nfunction changeTheme(theme) {\n  // remove all theme classes from body\n  document.body.className = ``;\n  // add class for selected theme\n  document.body.classList.add(`theme-${theme}`);\n  // update header text\n  document.getElementById(\"header\").innerHTML = titleCase(theme);\n}\n\nfunction titleCase(str) {\n  return str\n    .toLowerCase()\n    .split(\"-\")\n    .map((word) =\u003e {\n      return word.charAt(0).toUpperCase() + word.slice(1);\n    })\n    .join(\" \");\n}\n```\n\nContains the JavaScript code for the theme switcher functionality.\n\nThe `changeTheme` function is called when a theme button is clicked. It takes a `theme` parameter and performs the following actions:\n1. Removes all existing theme classes from the `body` element.\n2. Adds the appropriate theme class based on the selected theme.\n3. Updates the header text to display the selected theme name in title case.\n\nThe `titleCase` function is a helper function used to convert the theme name from kebab-case to title case. It splits the string by hyphens, capitalizes the first letter of each word, and then joins them back together.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n#### style.css\n\n```css\n/* just some standard style resets */\n* \n{\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  background-color: var(--bg-color);\n  color: var(--font-color);\n  overflow: hidden;\n  font: 500 2.5vh / 1.5 Ubuntu, sans-serif;\n}\n/* Default theme */\nbody \n{\n  background-color: var(--color-primary);\n  --color-primary: #eee;\n  --color-secondary: #555;\n  --color-accent: #aaa;\n}\n.theme-dune \n{\n  --color: #ddd;\n  --bg-color: #666;\n  --color-primary: #de8735;\n  --font-color: #a11225;\n  --color-secondary: #f4c16e;\n  --color-accent: #b5a492;\n}\n.theme-jurassic-park \n{\n  --color: #ddd;\n  --bg-color: #666;\n  --color-primary: #4b4921;\n  --font-color: #f01c1f;\n  --color-secondary: #2a8a56;\n  --color-accent: #66d848;\n}\n.theme-back-to-the-future \n{\n  --color: #111;\n  --bg-color: #eee;\n  --color-primary: #e02411;\n  --font-color: #1e4ea0;\n  --color-secondary: #ffa913;\n  --color-accent: #569ced;\n}\n.theme-close-encounters\n{\n  --color: #111;\n  --bg-color: #eee;\n  --hover-brightness: (1.12);\n  --color-primary: #84caec;\n  --font-color: #fcec86;\n  --color-secondary: #efb7dc;\n  --color-accent: #ff9969;\n}\n.theme-star-wars-tatooine-jakku \n{\n  --color: #111;\n  --bg-color: #eee;\n  --color-primary: #dba05c;\n  --font-color: #9995bc;\n  --color-secondary: #e9cca4;\n  --color-accent: #8eafd8;\n}\n.theme-alien \n{\n  --color: #111;\n  --bg-color: #eee;\n  --color-primary: #d2ff06;\n  --font-color: #042a05;\n  --color-secondary: #15aa5c;\n  --color-accent: #258073;\n}\n.theme-star-wars \n{\n  --color: #ddd;\n  --bg-color: #666;\n  --color-primary: #27343a;\n  --font-color: #f02;\n  --color-secondary: #9ea5a8;\n  --color-accent: #ff6800;\n}\n.theme-blade-runner \n{\n  --color: #ddd;\n  --bg-color: #666;\n  --color-primary: #d88f00;\n  --font-color: #812a89;\n  --color-secondary: #efca93;\n  --color-accent: #ff6cdc;\n}\n.theme-the-matrix \n{\n  --color: #ddd;\n  --bg-color: #666;\n  --color-primary: #031624;\n  --font-color: #30ffa4;\n  --color-secondary: #044b4a;\n  --color-accent: #5fbe92;\n}\n.theme-the-fifth-element \n{\n  --color: #111;\n  --bg-color: #eee;\n  --color-primary: #f3f1ed;\n  --font-color: #0b190c;\n  --color-secondary: #fffd6e;\n  --color-accent: #ff6100;\n}\na \n{\n  color: var(--color-secondary);\n}\nlabel \n{\n  cursor: pointer;\n}\nhtml,\nbody \n{\n  height: 100%;\n  width: 100%;\n}\n.container \n{\n  border-style: solid;\n  border-color: var(--color-accent);\n  border-width: 0 1vw;\n  position: relative;\n  color: var(--color);\n  background-color: var(--bg-color);\n  width: 88vw;\n  margin-left: 6vw;\n  margin-right: 6vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}\nh1,\nh2 \n{\n  color: var(--font-color);\n  padding: 1vh;\n  text-align: center;\n  font-weight: 900;\n  text-shadow: 1px 0px 0px black, 1px 1px 0px black, 0px 1px 0px black,\n    -1px 1px 0px black, -1px 0px 0px black, -1px -1px 0px black,\n    0px -1px 0px black, 1px -1px 0px black, 4px 4px 4px var(--color-primary);\n}\nh2 \n{\n  font-size: 4vh;\n}\nh1\n{\n  font-size: 5vh;\n  height: 15vh;\n}\ntable \n{\n  margin: auto;\n  text-align: center;\n  padding: 0.6vw;\n}\nhr \n{\n  margin-top: 1vh;\n  margin-bottom: 5vh;\n  background-image: linear-gradient(\n    90deg,\n    rgba(0, 0, 0, 0) 0%,\n    var(--color-primary) 10%,\n    var(--color-accent) 50%,\n    var(--color-primary) 90%,\n    rgba(0, 0, 0, 0) 100%\n  );\n  width: 1vw;\n  height: 1px;\n  border: 2px outset var(--color-accent);\n  border-radius: 100%;\n  filter: blur(0px);\n  outline-width: 2px;\n  outline-style: outset;\n  outline-color: var(--color-secondary);\n  transform: scale(40, 1);\n}\nbutton\n{\n  font-weight: 700;\n  color: var(--font-color);\n  margin: 2px;\n  background-color: var(--color-secondary);\n  font-size: 2.6vh;\n  max-width: 100%;\n  text-shadow: 1px 1px 0 var(--color-accent);\n  padding: 0.6vh 1.2vw;\n  border: 4px outset var(--color-secondary);\n  border-radius: 30px;\n  outline-style: solid;\n  outline-width: 1px;\n  outline-color: var(--color-secondary);\n}\nbutton:hover \n{\n  transform: translateY(-1px);\n  outline-color: var(--color-accent);\n  outline-width: 1px;\n  animation-duration: 500ms;\n  transition: ease-in-out;\n}\n```\n\nContains the CSS styling for the theme switcher.\n\nThe CSS file defines CSS variables to customize the theme colors. The default theme is defined under the `body` selector, and there are individual selectors for each theme, such as `.theme-dune`, `.theme-jurassic-park`, etc. You can define the theme colors and additional styles under the respective theme selectors.\n\nMake sure that all the files (`index.html`, `style.css` and `script.js`) are in the same directory for the webpage to work properly.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Contributing 👥\n\nContributions to the Theme Switcher project are welcome!\n\n|There are two ways to contribute:|\n|---|\n|submit an issue detailing a bug or feature request|\n|**or**|\n|follow the steps below:|\n\n### Contributing Directly\n\n1. **Fork** the **repository** by **clicking** the **\"Fork\"** button on the top-right corner of this page.\n\n   This will create a copy of the repository under your GitHub account.\n\n2. **Clone** your **forked repository** to your local machine. Open a terminal or command prompt and run the following command:\n\n   ```bash\n   git clone https://github.com/YourUsername/theme-switcher.git\n   ```\n\n   Replace `YourUsername` with your GitHub username.\n\n3. **Create a new branch** for your feature or bug fix:\n\n   ```bash\n   git checkout -b feature/your-feature-name\n   ```\n\n   Choose a meaningful branch name that describes the purpose of your changes.\n\n4. Make the necessary changes to the codebase using your preferred editor or IDE.\n\n5. **Stage** and **commit** your changes.\n   You can use the following commands:\n\n   ```bash\n   git add .\n   git commit -m \"Add your commit message here\"\n   ```\n\n   Replace \"Add your commit message here\" with a concise and descriptive commit message explaining your changes.\n\n7. **Push** your changes to your forked repository:\n\n   ```bash\n   git push origin your-branch-name\n   ```\n\n   Replace `your-branch-name` with the name of the branch you created earlier.\n\n8. Visit the original repository on GitHub at `https://github.com/PhobiaCide/theme-switcher`.\n\n9. Once there, you should see a notification suggesting to create a new pull request.\n\n   Click on the \"Compare \u0026 pull request\" button to open a new pull request.\n\n10. Provide a descriptive title and detailed description for your pull request, explaining the purpose of your changes.\n\n11. **Click** the \"*Create pull request*\" **button** to *submit* your contribution.\n\n12. **Your** pull request will be *reviewed* by the project maintainers.\n\n    They may provide feedback or request further changes.\n\n13. Once your changes are **approved**, they will be **merged** into the main repository.\n\n**Thank you** for contributing to the Theme Switcher project! We appreciate your support and effort in making this project better.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n## Meta 📝\n\n### Copyright\n\n\u0026copy; 2023 [PhobiaCide][github-profile]\n\nDistributed under the MIT license. See [LICENSE][license-url] for more information.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#-theme-switcher\"\u003e🔗back to top\u003c/a\u003e\u003c/p\u003e\n\n---\n\n\u003c!-- MARKDOWN LINKS \u0026 IMAGES --\u003e\n[github-profile]: https://github.com/PhobiaCide\n[demo-url]: https://phobiacide.github.io/theme-switcher/\n[language-count-shield]: https://img.shields.io/github/languages/count/PhobiaCide/theme-switcher?style=for-the-badge\n[language-count-url]: https://img.shields.io/github/languages/count/PhobiaCide/theme-switcher\n[contributors-shield]: https://img.shields.io/github/contributors/PhobiaCide/theme-switcher?style=for-the-badge\n[contributors-url]: https://github.com/PhobiaCide/theme-switcher\n[forks-shield]: https://img.shields.io/github/forks/PhobiaCide/theme-switcher?style=for-the-badge\n[forks-url]: https://github.com/PhobiaCide/theme-switcher\n[stars-shield]: https://img.shields.io/github/stars/PhobiaCide/theme-switcher?style=for-the-badge\n[stars-url]: https://github.com/PhobiaCide/theme-switcher/stargazers\n[issues-shield]: https://img.shields.io/github/issues/PhobiaCide/theme-switcher?style=for-the-badge\n[issues-url]: https://github.com/PhobiaCide/theme-switcher/issues\n[license-shield]: https://img.shields.io/github/license/PhobiaCide/theme-switcher?style=for-the-badge\n[license-url]: https://github.com/PhobiaCide/theme-switcher/LICENSE.md\n[product-screenshot]: images/theme-switcher.gif\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincomplete-infinity%2Ftheme-switcher","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fincomplete-infinity%2Ftheme-switcher","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincomplete-infinity%2Ftheme-switcher/lists"}