{"id":20020995,"url":"https://github.com/sergeypedan/activeadmin-dark-color-scheme","last_synced_at":"2025-10-24T01:04:14.244Z","repository":{"id":62559567,"uuid":"501832856","full_name":"sergeypedan/activeadmin-dark-color-scheme","owner":"sergeypedan","description":"A dark color scheme for ActiveAdmin","archived":false,"fork":false,"pushed_at":"2024-01-23T01:50:00.000Z","size":61,"stargazers_count":2,"open_issues_count":6,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-01T17:06:18.505Z","etag":null,"topics":["activeadmin","color-scheme","css","dark-mode","dark-theme","gem","rails"],"latest_commit_sha":null,"homepage":"https://sergeypedan.ru/open_source_projects/activeadmin-dark-color-scheme","language":"Sass","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/sergeypedan.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","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-06-09T22:58:43.000Z","updated_at":"2024-02-10T20:17:59.000Z","dependencies_parsed_at":"2024-01-23T02:59:42.028Z","dependency_job_id":"4e3abee2-ed02-4456-9074-1b08a4373273","html_url":"https://github.com/sergeypedan/activeadmin-dark-color-scheme","commit_stats":{"total_commits":27,"total_committers":1,"mean_commits":27.0,"dds":0.0,"last_synced_commit":"a9e61ffb5a38ee37e86622435f8be45a57e55281"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeypedan%2Factiveadmin-dark-color-scheme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeypedan%2Factiveadmin-dark-color-scheme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeypedan%2Factiveadmin-dark-color-scheme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergeypedan%2Factiveadmin-dark-color-scheme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sergeypedan","download_url":"https://codeload.github.com/sergeypedan/activeadmin-dark-color-scheme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252422965,"owners_count":21745523,"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":["activeadmin","color-scheme","css","dark-mode","dark-theme","gem","rails"],"created_at":"2024-11-13T08:35:12.062Z","updated_at":"2025-10-24T01:04:14.154Z","avatar_url":"https://github.com/sergeypedan.png","language":"Sass","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dark color scheme for ActiveAdmin\n\n[![Gem Version](https://badge.fury.io/rb/activeadmin_dark_color_scheme.svg)](https://badge.fury.io/rb/activeadmin_dark_color_scheme)\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\n```ruby\ngem \"activeadmin_dark_color_scheme\"\n```\n\nImport our Sass file “activeadmin-dark-color-scheme” in your CSS entrypoint that compiles ActiveAdmin CSS files:\n\n```sass\n// app/assets/stylesheets/active_admin.sass\n\n// Your regular ActiveAdmin files\n@import \"active_admin/mixins\"\n@import \"active_admin/base\"\n\n// Dark scheme\n@import \"activeadmin-dark-color-scheme\"\n```\n\n## Customization\n\nAll [Sass variables we use](https://github.com/sergeypedan/activeadmin-dark-color-scheme/blob/master/app/assets/stylesheets/activeadmin-dark-color-scheme/variables/_all.sass) have `!default`:\n\n```sass\n$link-color-1: hsl(210, 70%, 73%) !default\n```\n\nwhich means you can override them just by declaring your own Sass variable somewhere before.\n\nYou could technically do it right in your entrypoint:\n\n```sass\n// app/assets/stylesheets/active_admin.sass\n\n// Your regular ActiveAdmin files\n@import \"active_admin/mixins\"\n@import \"active_admin/base\"\n\n// Dark scheme\n$link-color-1: crimson\n@import \"activeadmin-dark-color-scheme\"\n```\n\nOr you could put your variables in a separate file and `@import` it.\n\n## How it works\n\nYou import additional CSS, all of which is scoped under `@media (prefers-color-scheme: dark)` media declaration that matches your system (or browser) color scheme setting.\n\nHere is an example from [_table-index.sass](https://github.com/sergeypedan/activeadmin-dark-color-scheme/blob/master/app/assets/stylesheets/activeadmin-dark-color-scheme/modules/_table-index.sass):\n\n```sass\n@media (prefers-color-scheme: dark)\n\n  table.index_table\n    th\n      background-color: $panel-bg-color-solid\n      background-image: $panel-head-gradient\n      border-top-color:    $th-border-color-top\n      border-right-color:  $th-border-color-right !important\n      border-bottom-color: $th-border-color-bottom\n      border-left-color:   $th-border-color-left\n      box-shadow: none\n      color: hsl(0, 0%, 95%)\n      text-shadow: none\n```\n\n## ActiveAdmin version compatibility\n\nThe current version of ActiveAdmin is 2.13.1. Our styles are and will be targeted on the latest version.\n\n## How to disable\n\nSwitch to light color scheme in you system preferences or your browser developer tools.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergeypedan%2Factiveadmin-dark-color-scheme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsergeypedan%2Factiveadmin-dark-color-scheme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergeypedan%2Factiveadmin-dark-color-scheme/lists"}