{"id":13539613,"url":"https://github.com/AtomMaterialUI/mtslack","last_synced_at":"2025-04-02T06:31:02.863Z","repository":{"id":37738057,"uuid":"200252367","full_name":"AtomMaterialUI/mtslack","owner":"AtomMaterialUI","description":"Customize your Slack experience with tweaks and themes. Includes the famous Material Themes as well as other popular themes such as Monokai Pro, Dracula, Atom One, GitHub, Solarized, Night Owl...","archived":true,"fork":false,"pushed_at":"2024-09-27T18:58:19.000Z","size":104574,"stargazers_count":495,"open_issues_count":18,"forks_count":23,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-10-23T15:58:58.614Z","etag":null,"topics":["atom-one","dracula","github","material","material-theme-ui","material-theme-ui-plugin","night-owl","slack","theme"],"latest_commit_sha":null,"homepage":"https://mallowigi.github.io/mtslack/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AtomMaterialUI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":null,"patreon":null,"open_collective":"https://opencollective.com/atom-material-themes-and-plugins","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"custom":null}},"created_at":"2019-08-02T14:50:57.000Z","updated_at":"2024-09-30T12:53:12.000Z","dependencies_parsed_at":"2024-01-11T22:00:06.469Z","dependency_job_id":"f2c55801-8fab-4ae7-ad6a-2b7f995cbb77","html_url":"https://github.com/AtomMaterialUI/mtslack","commit_stats":{"total_commits":1000,"total_committers":19,"mean_commits":52.63157894736842,"dds":"0.22699999999999998","last_synced_commit":"caf04d9df2c9724f9187fed9ac574b7b6874da78"},"previous_names":["mallowigi/slack-themes","atommaterialui/mtslack"],"tags_count":72,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AtomMaterialUI%2Fmtslack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AtomMaterialUI%2Fmtslack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AtomMaterialUI%2Fmtslack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AtomMaterialUI%2Fmtslack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AtomMaterialUI","download_url":"https://codeload.github.com/AtomMaterialUI/mtslack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246747888,"owners_count":20827230,"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":["atom-one","dracula","github","material","material-theme-ui","material-theme-ui-plugin","night-owl","slack","theme"],"created_at":"2024-08-01T09:01:29.334Z","updated_at":"2025-04-02T06:31:02.842Z","avatar_url":"https://github.com/AtomMaterialUI.png","language":"SCSS","readme":"# mtslack (Material Themed Slack)\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\nBeautify your Slack application from a list of popular themes!!!\n\n# Deprecation notice\n\nAs Slack now blocked the ability to open DevTools, it's no longer possible to apply custom CSS to the Slack Window.\n\nWe had a good run, goodbye folks and thanks for the fish.\n\n-------------\n\n# Features\n\n\n**Theme List**:\n\n- Material Oceanic ![oceanic.png](doc/v2/oceanic.png)\n- Material Darker ![darker.png](doc/v2/darker.png)\n- Material Palenight ![palenight.png](doc/v2/palenight.png)\n- Material Lighter ![lighter.png](doc/v2/lighter.png)\n- Material DeepOcean ![deepocean.png](doc/v2/deepocean.png)\n- Material Forest\n- Material Sky Blue\n- Material Sandy Beach\n- Material Volcano\n- Monokai Pro ![monokai.png](doc/v2/monokai.png)\n- Arc Dark ![arcdark.png](doc/v2/arcdark.png)\n- Dracula ![dracula.png](doc/v2/dracula.png)\n- GitHub ![github.png](doc/v2/github.png)\n- GitHub Dark ![github_dark.png](doc/v2/github_dark.png)\n- Atom One Dark ![onedark.png](doc/v2/onedark.png)\n- Atom One Light ![onelight.png](doc/v2/onelight.png)\n- Solarized Dark ![solardark.png](doc/v2/solardark.png)\n- Solarized Light ![solarlight.png](doc/v2/solarlight.png)\n- Night Owl ![nightowl.png](doc/v2/nightowl.png)\n- Light Owl ![lightowl.png](doc/v2/lighto``wl.png)\n- Moonlight ![moonlight.png](doc/v2/moonlight.png)\n- SynthWave '84\n\n----------------------------\n\n# Pledge\n\nIf you like this plugin, you can buy me a beer (or a coffee, or something else)\nusing [PayPal](https://paypal.me/mallowigi?locale.x=en_US)\n\nYou can also support this theme by subscribing to the\nOpenCollective. [[Become a sponsor](https://opencollective.com/atom-material-themes-and-plugins#sponsor)]\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/atom-material-themes-and-plugins#backer)]\n\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/backers.svg?width=890\"\u003e\u003c/a\u003e\n\nCheck also : \u003chttps://www.material-theme.com/docs/support-us/\u003e\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your\nwebsite. [[Become a sponsor](https://opencollective.com/atom-material-themes-and-plugins#sponsor)]\n\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/atom-material-themes-and-plugins/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n\n# Installation\n\n### Global installation (only for Unix based systems)\n\n**You will need node \u003e 16 to use it.**\n\n1. Run `npm install -g mtslack` in a terminal (or run `npx mtslack` if you don't want to install it globally)\n2. Run the command `mtslack`\n3. You will be prompted with a menu the following options:\n    - Copy code to clipboard\n    - Show plugin version\n\n4. Select *Copy to clipboard* to copy the code snippet to your clipboard.\n5. Slack will open in dev mode: `export SLACK_DEVELOPER_MENU=true; open -a /Applications/Slack.app`\n6. Go to View -\u003e Developer -\u003e Toggle Dev Tools\n7. In the Dev Tools Console tab, paste the code snippet\n8. ?????\n9. PROFIT!!!!!!!\n\n---- \n\n### Troubleshooting\n\n- I'm getting the following error after updating to version v25+:\n\n```\ninternal/modules/run_main.js:54\n    internalBinding('errors').triggerUncaughtException(\n                              ^\n\nError [ERR_MODULE_NOT_FOUND]: Cannot find package '/usr/local/lib/node_modules/mtslack/node_modules/chalk/source/node_modules/' imported from /usr/local/lib/node_modules/mtslack/node_modules/chalk/source/index.js\n    at packageMainResolve (internal/modules/esm/resolve.js:465:9)\n    at packageResolve (internal/modules/esm/resolve.js:607:14)\n    at moduleResolve (internal/modules/esm/resolve.js:659:14)\n    at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:752:11)\n    at Loader.resolve (internal/modules/esm/loader.js:97:40)\n    at Loader.getModuleJob (internal/modules/esm/loader.js:242:28)\n    at ModuleWrap.\u003canonymous\u003e (internal/modules/esm/module_job.js:50:40)\n    at link (internal/modules/esm/module_job.js:49:36) {\n  code: 'ERR_MODULE_NOT_FOUND'\n```\n\n-\u003e That means you are using an older version of node. The plugin is now only compatible with ESM Modules, therefore\nolder versions are not supported.\n\nPlease update to node v16 and reinstall `mtslack`.\n\n----\n\n### Slack Tweaks\n\nSince version 2.0 you can also profit from a bunch of **Slack Tweaks** to make the application more enjoyable. You can\nfind a button to open the Slack Tweaks on the channels sidebar.\n\n#### Slack Tweak Control Panel\n\n![Slack Tweaks](doc/v2/tweaksSettings.png)\n\nThis panel controls which tweak toggles are available. **This doesn't actually toggle the tweaks themselves!**.\n\nOnce you've enabled a tweak, a new toggle button will appear on the Channel Header. Pressing on these buttons will\nactivate the tweak.\n\nYou can also activate the toggle using a shortcut.\n\n![Tweaks](doc/v2/tweaksToolbar.png)\n\nThese settings are saved in the application's Local Storage.\n\n#### Highlight Code [NEW!] (Ctrl+Alt+H)\n\nAutomatically detects code blocks and highlight then using highlight.js. You can annotate the code blocks by setting the\nlanguage name as the first line.\n\nExample: to annotate the code as a javascript code, write:\n\n```\njavascript\nfunction foo() {\n}\n```\n\n#### Modal Overlays (Ctrl+Alt+O)\n\nThis button will toggle an overlay to display whenever settings are open.\n\n#### Dim Absent People (Ctrl+Alt+D)\n\nThis button will dim absent people from the sidebar, making the present ones more prominent.\n\n#### Loop Over selected themes (Ctrl+Alt+T)\n\nThis button will loop over the available themes, allowing you to choose a theme in realtime.\n\n#### Toggle Custom Font (Ctrl+Alt+F)\n\nSwitch the fonts used in the app with the font you've defined in the Slack Tweak Settings.\n\n#### Toggle Custom Monospace Font (Ctrl+Alt+M)\n\nSwitch the monospace font size and family used in the app with the font you've defined in the Slack Tweak Settings.\n\n#### Accent Color (Ctrl+Alt+A)\n\nSwitch the current theme's accent color with the one of your choice. You can set the desired color in the Slack Tweak\nSettings.\n\n#### Links Color (Ctrl+Alt+L)\n\nSwitch the current theme's links color with the one of your choice. You can set the desired color in the Slack Tweak\nSettings.\n\n#### Click to Edit\n\nDouble click on your messages to edit it. If you double click on other people's messages, it will copy it to clipboard.\n\n#### Animations\n\nAdd animations to your Slack window.\n\n\n----\n\n# Development\n\n## Building styles\n\nThis project consists in two parts:\n\n- The CLI, used for applying the styles\n- The Styles, written with Sass (Node-sass)\n\nThe cli is found in the `lib` directory while the styles are found in the `styles` directory.\n\nThen run `npm run styles` or `npm run debugStyles` to compile the scss files in `dist/slack.min.css` or `dist/slack.css`\n\n## Apply the styles\n\n### Using the WebApp\n\nOpen Slack on the browser. It has the useful Developer Tools available to them so you can debug with ease.\n\nTo test your CSS, install a Stylish-like\nextension (\u003chttps://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en\u003e)\nthen create a new style for slack and paste the CSS inside and save.\n\nYou should already see all your styles applied. Please note that there are some differences between the web app and the\nnative app.\n\n### Using the Electron app\n\n1. Run `npm run server` to run a local server\n2. Run `watchStyles` or `watchScripts` to watch for changes in styles or code\n3. Run `npm run local` to run `apply` with the styles pointing to localhost\n4. Run `npm run debug`\n\n**IMPORTANT**: Please make sure to have enabled \"Disable cache when devtools is open\" in Chrome Settings.\n\nAlso don't forget to re-apply the production styles before quitting :)\n\n----\nInstead of launching Slack normally, you'll need to enable developer mode to be able to inspect things.\n\n* Mac: `export SLACK_DEVELOPER_MENU=true; open -a /Applications/Slack.app`\n\n* Windows: `export SLACK_DEVELOPER_MENU=true;  ~/AppData/Local/slack.exe`\n\n* Linux: Same as the others, but for Linux (depends whether installed from the Marketplace or from the Web)\n\n# License\n\nApache 2.0\n\n# Acknowledgements\n\nThanks to \u003chttps://github.com/widget-/slack-black-theme\u003e for the idea!\n\n# License\n\nApache 2.0\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e``\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Saghen\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/10467983?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSaghen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mallowigi/mtslack/issues?q=author%3ASaghen\" title=\"Bugs, Infrastructure and Themes\"\u003e🐛🚇🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/daniloisr\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/157134?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDanilo Resende\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mallowigi/mtslack/issues?q=author%3Adaniloisr\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jlevier\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/74258557?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ejlevier\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mallowigi/mtslack/issues?q=author%3Ajlevier\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/sid-maddy\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/10049286?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSiddhesh Mhadnak\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/mallowigi/mtslack/issues?q=author%3Asid-maddy\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification.\nContributions of any kind welcome!\n","funding_links":["https://opencollective.com/https://opencollective.com/atom-material-themes-and-plugins","https://paypal.me/mallowigi?locale.x=en_US","https://opencollective.com/atom-material-themes-and-plugins"],"categories":["SCSS","HarmonyOS"],"sub_categories":["Windows Manager"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAtomMaterialUI%2Fmtslack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAtomMaterialUI%2Fmtslack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAtomMaterialUI%2Fmtslack/lists"}