Comments (15)
@abstractamcr and @raymonschouwenaar try using the css from my fork. You can use the following url while we wait for the changes (#90 ) to be merged.
https://mmiraldi.github.io/slack-black-theme/custom.css
After the merge, I plan to rebase my fork on @Nockiro 's because that seems to be the most comprehensive and well maintained relative to Slack version changes:
https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css
from slack-black-theme.
For those that might still be unsure of how to resolve this issue:
Open your Slack application package contents and go into:
Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js
Then, go to the line that declares the cssPath
variable and change it from:
const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css';
to:
const cssPath = 'https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css';
Restart the app and it should be looking better!
from slack-black-theme.
Works for me... the "All Threads" is now black. But there is an issue with the left menu.
I get the "All Threads" which falls behind the "Jump to" search box... as you can hopefully see from this small screenshot: https://pasteboard.co/I8rSBEu.png
from slack-black-theme.
For your security don't use the link directly it may create xss. Copy paste that css. Btw is it completely working on https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css ?
from slack-black-theme.
@abstractamcr and @raymonschouwenaar try using the css from my fork. You can use the following url while we wait for the changes (#90 ) to be merged.
https://mmiraldi.github.io/slack-black-theme/custom.css
Forgive a silly question, but Where does this go? Do I copy the content into the two files as per the normal instructions? Or does custom.css just go in that folder?
from slack-black-theme.
@Snowflake6 it goes in the below part of the Javascript you add to the bottom of the files:
// Fetch our CSS in parallel ahead of time
const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css';
from slack-black-theme.
Just gave it all a whirl and the message body where the conversation happens is still white on version 3.3.8. Everything else turned black as it should have. I also pulled down the latest CSS local and tried that but got some results.
from slack-black-theme.
For me the same!
from slack-black-theme.
@derkling that issue exists in the head of branch:master and is not addressed by #90 ... I purposefully constrained the scope of that pull request to maximize the probability of a quick merge to fix op's issue. The "Jump to" overlap (among other issues) is fixed in the second css of my above comment. Unfortunately pull request #60 has been waiting since 2018-07-21 and that fork has diverged more since then (credit to @Nockiro for keeping up with Slack developments).
from slack-black-theme.
@Snowflake6 it goes in the below part of the Javascript you add to the bottom of the files:
// Fetch our CSS in parallel ahead of time
const cssPath = 'https://cdn.rawgit.com/widget-/slack-black-theme/master/custom.css';
Doh! Of course. [edit] Yep, that's fixed it. Had to re-start Slack to get everything to re-load properly, but now i've got dark backgrounds in both main window and in the reply threads. And as a bonus, the input field for posting and replying now has better contrast so I can see what i'm typing... Thanks!
from slack-black-theme.
For your security don't use the link directly it may create xss. Copy paste that css. Btw is it completely working on https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css ?
Worked perfectly for me! Thank goodness, my eyes are saved. Thank you!
from slack-black-theme.
I signed up just to say thanks! My eyes thank you. Had this same problem and switching to the new CSS link worked!
from slack-black-theme.
New CSS link works just fine ;) Thanks !
from slack-black-theme.
This worked for me, css wise, FINALLY no more white background! However, I am now getting this weird button overlay in the top left, which feels a bit janky. I can't seem to get rid of the "jump to" quick search. Anyone else?
from slack-black-theme.
const cssPath = 'https://raw.githubusercontent.com/Nockiro/slack-black-theme/master/custom.css';
^ worked best for me. The Previous css replacement in the comments above worked, but not on the text in a "Thread" ( in this case, standup_alice bot)
from slack-black-theme.
Related Issues (20)
- Some buttons are invisible
- Windows Install Script
- Can't find the file HOT 1
- Slack 4.0.1 hyperlink of message is black and hard to read
- Slack Desktop now has first party dark mode HOT 4
- CSS Out Of Date HOT 1
- Struggling to make work with Franz HOT 1
- CCS Contrast for pasted images is too dark
- XSS Vulnerable - create archive of locally available CSS themes. HOT 7
- its not working on windows 10, css is buggy HOT 16
- Theme no longer working on Windows 10 Desktop app HOT 1
- Theme not working with Slack 3.4.0 HOT 14
- IMO This Project is not maintened anymore don't use this version HOT 5
- Setting page font unreadable HOT 1
- GPU usage spikes with GIFs
- Archive repo HOT 4
- migrate css from rawgit which is scheduled for shutdown in Oct 2019
- Slack 4.0.0 update breaks compatibility HOT 90
- Cannot find the file on maxOs HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slack-black-theme.