{"id":15470987,"url":"https://github.com/adorade/boodark","last_synced_at":"2025-07-27T12:37:16.027Z","repository":{"id":62412377,"uuid":"545561723","full_name":"adorade/boodark","owner":"adorade","description":"Bootstrap Dark theme for phpMyAdmin","archived":false,"fork":false,"pushed_at":"2024-03-15T19:52:24.000Z","size":3286,"stargazers_count":38,"open_issues_count":5,"forks_count":4,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-19T01:13:49.926Z","etag":null,"topics":["bootstrap5","css","dark","dark-theme","phpmyadmin","pma","scss","theme"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/adorade.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","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,"publiccode":null,"codemeta":null}},"created_at":"2022-10-04T15:31:48.000Z","updated_at":"2024-10-05T11:31:27.000Z","dependencies_parsed_at":"2023-02-14T18:01:40.978Z","dependency_job_id":"e156fec2-684f-4b33-8477-70a7b681baad","html_url":"https://github.com/adorade/boodark","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adorade%2Fboodark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adorade%2Fboodark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adorade%2Fboodark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adorade%2Fboodark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adorade","download_url":"https://codeload.github.com/adorade/boodark/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250242968,"owners_count":21398245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["bootstrap5","css","dark","dark-theme","phpmyadmin","pma","scss","theme"],"created_at":"2024-10-02T02:08:16.966Z","updated_at":"2025-07-27T12:37:16.006Z","avatar_url":"https://github.com/adorade.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BooDark\n\n![Screenshot](themes/boodark/screen-animated.png)\n\n[![GitHub package.json version](https://img.shields.io/github/package-json/v/adorade/boodark?color=green\u0026logo=github)](https://github.com/adorade/boodark/blob/main/package.json)\n[![license](https://img.shields.io/github/license/adorade/boodark)](https://mit-license.org)\n[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/adorade/boodark/node.yml?label=Test%20CI\u0026logo=github)](https://github.com/adorade/boodark/actions/workflows/node.yml)\n[![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/adorade/boodark/total)](https://github.com/adorade/boodark/releases)\n\n\u003e Bootstrap Dark theme for phpMyAdmin\n\n- Supported versions: 5.2\n- Bootstrap v5.2.3\n\n## Changes\n\n- Background color changed: shades of gray \u0026 black\n- Fonts color changed: shades of white \u0026 light gray\n- Default SQL Query editor color theme changed\n- jQuery UI improved: ui-darkness\n- Designer adjusted for dark theme\n- Console adjusted for dark theme\n- Inline SVG using `escape-svg` function\n- Color Schemes: `cyan` (main), `teal`, `nord` and `orange`\n\n## Demo\n\nThe best way to see **BooDark** in action is to try it on **phpMyAdmin** demo server.\n\n- Navigate to [phpMyAdmin demo server](https://demo.phpmyadmin.net/QA_5_2/)\n- Login is root with empty password\n- Go to **Appearance settings \u003e Themes** and choose **BooDark**.\n\n## Installation\n\n1. Download latest [release](https://github.com/adorade/boodark/releases/latest/download/boodark-v1.1.1.zip)\n2. Extract the archive files\n3. Go to the phpMyAdmin files (C:\\xampp\\phpmyadmin for XAMPP) then go to the `themes` folder and add here the `boodark` folder\n4. Select `BooDark` theme on the home page\n\n## Building\n\nBooDark theme respects the folders structure of phpMyAdmin.\n\n```txt\n├── node_modules\n├── themes\n│   └── boodark\n│       ├── css/\n│       ├── img/\n│       ├── jquery/\n│       ├── scss/\n│       ├── screen.png\n│       └── theme.json\n├── package.json\n└── yarn.lock\n```\n\nTo build the theme or customize it with your preferences you must have **Node**, **Yarn** and **Git** installed. Then follow step by step:\n\n1. Open your command-line and navigate to your projects folder\n2. Clone this repo locally: `git clone https://github.com/adorade/boodark .`\n3. Install project dependecies: `yarn install`\n4. Do any modifications you want (eg. change color scheme)\n5. Compile `scss` files to `css`\n\n    ```sh\n    # production, minified files\n    yarn run build\n    # development\n    yarn run build:dev\n    ```\n\n6. Theme files are in `themes/boodark`.\n\n## Color Schemes\n\nBooDark has several color schemes: `cyan` (main), `teal`, `nord` and `orange`.  \n**There is currently no way to change the color scheme in GUI.**\n\n**How to change color scheme?**\n\nOption 1. Edit `scss/_variables.scss` (see [Building](#building))\n\n```scss\n// Theme color scheme\n// Values: \"cyan\", \"teal\", \"nord\", \"orange\"\n// Default: \"cyan\"\n// Set this value for the desired color scheme\n\n// --- Change cyan\n$color-scheme: cyan !default;\n\n// --- to nord\n$color-scheme: nord !default;\n\n// --- then run `yarn run build`\n```\n\nOption 2. Replace the CSS files. For example:\n\n```sh\nmv themes/boodark/css/theme.css themes/boodark/css/theme-cyan.css\nmv themes/boodark/css/theme-nord.css themes/boodark/css/theme.css\n```\n\n## Bugs and feature requests\n\nHave a bug or a feature request? Please search for existing and closed issues.\nIf your problem or idea is not addressed yet, [please open a new issue](https://github.com/adorade/boodark/issues/new).\n\n## License\n\nBooDark Theme is licensed under [MIT](LICENSE).  \nCopyright (c) 2022-25 [Adorade](https://github.com/adorade)\n\n## Thanks for use\n\nHopefully, this theme is useful to you.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadorade%2Fboodark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadorade%2Fboodark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadorade%2Fboodark/lists"}