Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Sep 11 2019 18:54

    laCour on master

    Build update (compare)

  • Sep 07 2019 01:15

    mastermel on master

    Update Autocomplete Popup Style Update Emoji Autocomplete Popup… Update Download Pane Empty Back… and 19 more (compare)

  • Aug 27 2019 22:22

    laCour on master

    Build update (compare)

  • Aug 26 2019 19:23

    mastermel on master

    correct background colors on th… (compare)

  • Aug 22 2019 15:29

    mastermel on master

    Update Thread Input Box Border … Update Box Focus Border Color SCSS Style and 3 more (compare)

  • Jul 26 2019 03:07

    mastermel on master

    additional style fixes, buttons… (compare)

  • Jul 25 2019 18:48

    mastermel on master

    Fixed for Slack 4.0.0 Fixes ta… Merge pull request #237 from Ne… (compare)

  • Jul 23 2019 23:26

    laCour on master

    Build update (compare)

  • Jul 23 2019 22:34

    mastermel on master

    correct color on user pills in … (compare)

  • Jul 23 2019 20:17

    mastermel on master

    fix styles for direct messages … (compare)

  • Jul 23 2019 17:29

    mastermel on master

    correct background colors of au… (compare)

  • Jul 23 2019 16:19

    mastermel on master

    correct style for __is_you span… (compare)

  • Jul 23 2019 16:13

    laCour on master

    Build update (compare)

  • Jul 23 2019 16:08

    mastermel on master

    correct styles for july 2019 sl… (compare)

  • Jul 23 2019 15:19

    mastermel on master

    Update Git Ignore File to Exclu… Update Channel Insights Selector Update 'Click to Download' Color and 55 more (compare)

  • Jun 04 2019 16:02

    nysos3 on master

    docs: add slack-theme-cli to li… (compare)

  • Jun 04 2019 16:01

    nysos3 on master

    fix(threads): better compatibil… (compare)

  • Jun 04 2019 15:17

    nysos3 on master

    fix(files): line numbers visibl… fix(files): preview snippet gra… fix(dialog): share message modal and 1 more (compare)

  • May 31 2019 05:32

    laCour on master

    Build update (compare)

  • May 31 2019 04:16

    mastermel on master

    docs: list a workaround Merge pull request #209 from ca… (compare)

lovinmusic
@lovinmusic
Is there anyone on here that can assist me with getting my Slack TEXT from a bright white to a dull grey?
image.png
I have the following code at the bottom of the Interop file only and that has FINALLY solved my issue of the white background now being black. I just want the TEXT to be a dull grey now
document.addEventListener('DOMContentLoaded', function() {
$.ajax({
url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
success: function(css) {
let overrides = code { background-color: #535353; color: #85c5ff; } /* Change color: to whatever font color you want */ .c-mrkdwn__pre, .c-mrkdwn__quote { background: #535353 !important; background-color: #535353 !important; }
$("<style></style>").appendTo('head').html(css + overrides);
}
});
});
Lance Jordan
@lacostenycoder
For me all desktop app hacks are not working. Anyone else?
I'm on Slack 3.3.4-beta2 on MacOS
Lance Jordan
@lacostenycoder
Has anyone tried https://www.sblack.online/#! ?
smawdsleyamaze
@smawdsleyamaze
@lovinmusic added some classes to bring down that text..
document.addEventListener('DOMContentLoaded', function() {
$.ajax({
url: 'https://cdn.rawgit.com/laCour/slack-night-mode/master/css/raw/black.css',
success: function(css) {
let overrides = code { background-color: #535353; color: #85c5ff !important; } /* Change color: to whatever font color you want */ .c-mrkdwn__pre, .c-mrkdwn__quote { background: #535353 !important; background-color: #535353 !important; } .c-message__sender_link, .c-message_attachment__author_name { color: #949494 !important; } .c-message_attachment__title a span { color: #b7b7b7 !important; } .c-message_attachment__text { color: #b7b7b7 !important; } .c-message__body { color: #b7b7b7 !important; }
$("<style></style>").appendTo('head').html(css + overrides);
}
});
});
Lance Jordan
@lacostenycoder
Is the quest for desktop support over? Hello?
Jonathan la Cour
@laCour
Hey everyone, sorry for the lack of replies here. Gitter hasn't been notifying me by email. I'll get to addressing your messages as soon as I have the time.
@lacostenycoder I still do plan on providing a working example to safely inject the styles on desktop apps. I haven't had the time yet to do so though.
Kyle Wood
@DemonWav
What's the sidebar theme shown in the screenshot for black?
NRS004
@NRS004
@lacostenycoder This one seems to work for me without issue: https://github.com/earlduque/Slack-Dark-Theme
Jonathan la Cour
@laCour
@DemonWav It was one of the provided built-ins. I'm not sure which... maybe Work Hard or Aubergine.
Lance Jordan
@lacostenycoder
@laCour I modified my gist and it's working now https://gist.github.com/lacostenycoder/23d05ace816de0f39e9e6aa940172b91
Lance Jordan
@lacostenycoder
i had to uset https://raw.githubusercontent.com/lacostenycoder/slack-night-mode/master/css/raw/black.css for some reason https://cdn.jsdelivr.net doesn't work
Jan-Stefan Janetzky
@GottZ
just hardened a random windows powershell install script that i found: https://gist.github.com/GottZ/621f4b6994cfb2726e43e18e7a75e49a
Jan-Stefan Janetzky
@GottZ
btw.. the channel list is dark purple again. same with the title bar.
Jan-Stefan Janetzky
@GottZ
document.addEventListener("DOMContentLoaded", async () => {
  try {
    let css = await fetch("https://raw.githubusercontent.com/laCour/slack-night-mode/master/css/raw/black.css");
    if (!css.ok) return;
    css = await css.text();
    // remove all comments. go there to check it: https://regex101.com/r/pvPqAZ/3
    // just removing multiline comments would be fine though. but why worry. // will only apply to URL's and content: "//" then.
    css = css.replace(/\/(?:\/.*$|\*(?:[^]*?\*\/|[^]+))/g, "");
    // checking if malicious code is present and abort style injection.
    // unless you can tell me about a different attack vector,
    // this aborts further execution if it detects presence of possible attack vectors.
    // if you don't have a clue, read this random google result i just found:
    // https://www.netsparker.com/blog/web-security/private-data-stolen-exploiting-css-injection/
    if (/url\s*\(/u.test(css) || /@\s*import/u.test(css)) return;
    var style = document.createElement("style");
    // using textContent will extinguish any html injections
    style.textContent = css;
    document.head.appendChild(style);
  } catch (e) {
    const fs = require("fs");
    const path = require("path");
    const os = require("os");
    fs.writeFileSync(path.join(os.tmpdir(), "slackfail.log"), e.toString());
  }
});
Frank
@Zigmata
Hello, I've copied the CSS to my internal webserver to avoid loading remote CSS, and it doesn't at all work. What could possibly be different? Does ajax have to load https only?
Mac Gerling
@OhaiMac
Hello! I am using the desktop app on macOS using the ajax workaround. However, I notice when viewing the All Threads section, the theme is not applied. I think it used to be though. Is this a known issue? Do I need to do something to have one of these themes applied to the All Threads section?
Hello! I am using the desktop app on macOS using the ajax workaround. However, I notice when viewing the All Threads section, the theme is not applied. I think it used to be though. Is this a known issue? Do I need to do something to have one of these themes applied to the All Threads section?
Hello! I am using the desktop app on macOS using the ajax workaround. However, I notice when viewing the All Threads section, the theme is not applied. I think it used to be though. Is this a known issue? Do I need to do something to have one of these themes applied to the All Threads section?
Is the All Threads section not applying the CSS theme for anyone else on the macOS desktop app ? I think it used to.
Ben Kreeger
@kreeger
Yeah, my sidebar has defaulted back to the original theme, too, on desktop. Sad panda.
Federico
@vfede
hi, is anyone maintaining the repo? there's a pr for the fix of "all threads" not being dark.
brettface
@brettface
Is there a way to load the css file locally? My ssb-interop.js loads the file great from github, when I'm trying to switch to something local and no go: url: 'file:///C:/Users/Username/AppData/Local/slack/app-3.4.0/resources/app.asar.unpacked/src/static/black.css',
Kevin Henderson
@kevhender
Seems like the Dark Theme desktop hack is no longer working with the latest Slack update, does anybody know how to fix it?
Tom Hightower
@tom-hightower
It looks like there's no longer a src folder under app.asar.unpacked
not sure if ssb-interop.js has been moved or is just no longer used
Tom Hightower
@tom-hightower
From what I can tell, slack is now reading config info straight out of app.asar without unpacking it
solution is to unpack app.asar, make edits, then repack
there's an npm library asar that you could probably use in a script to pretty easily accomplish this
grdnrt
@grdnrt
hey! i followed tom's solution but when i unpack app.asar i found that ssb-interop.js is bundled
i cannot say that it's secure to paste the code in a bundled file
grdnrt
@grdnrt
so i unbundle the bundled file with the source map with this npm package https://www.npmjs.com/package/shuji
and there's ssb-interop.ts
grdnrt
@grdnrt
Mike Marshall
@mk-mrshll
@gonzarodriguezt I tried the instructions in your repo (on Windows using 7zip) and I can get it to work. Unpacked the asar, modded ssb-interop.js, then repacked. I get this error on starting Slack up
image.png
grdnrt
@grdnrt
one thing i did different to the repo was instead of unpacking into app.asar.unpacked i unpacked it into a temp folder that i delete later
because the contents of app.asar.upacked and the original app.asar.unpacked are differents
maybe that's why your getting that error
try reinstalling and be sure that youre changing nothing more than ssb-interop.bundle.js
Mike Marshall
@mk-mrshll
Ah, okay, I'll try that way
Mike Marshall
@mk-mrshll
Okay, so I got it working. Here's the process I went through:
  1. rename app.asar.unpacked that came with installation to app.asar.unpacked.old
  2. unpack app.asar to app.asar.unpacked using 7zip
  3. copy all files/folders from app.asar.unpacked.old into app.asar.unpacked and overwrite
  4. add the javascript snippet to the bottom of ssb-interop.bundle.js
  5. repack app.asar.unpacked to app.asar using 7zip
  6. go into slack -> troubleshooting -> Reset Slack
It's gonna suck when Slack does another update and I have to re-apply this lol
grdnrt
@grdnrt
lol kind of tricky
but nice!