Skip to content

Commit

Permalink
repo: reintroduce slack theme
Browse files Browse the repository at this point in the history
  • Loading branch information
paveyry committed Sep 20, 2022
1 parent 975f598 commit 8950646
Show file tree
Hide file tree
Showing 4 changed files with 134 additions and 0 deletions.
4 changes: 4 additions & 0 deletions .travis.yml
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,8 @@ install:

script:
- ./generate_patch.sh
- cd out/slacktheme/firefox && 7z a -tzip firefox-slack.zip * && cd ../../..
- cd out/slacktheme && mv chrome chrome-slack && 7z a -tzip chrome-slack.zip chrome-slack && cd ../..
- cd out/ghctheme/firefox && 7z a -tzip firefox-ghc.zip * && cd ../../..
- cd out/ghctheme && mv chrome chrome-ghc && 7z a -tzip chrome-ghc.zip chrome-ghc && cd ../..
- cd out/darktheme/firefox && 7z a -tzip firefox-dark.zip * && cd ../../..
Expand All @@ -22,7 +24,9 @@ deploy:
file:
- "out/ghctheme/firefox/firefox-ghc.zip"
- "out/darktheme/firefox/firefox-dark.zip"
- "out/slacktheme/firefox/firefox-slack.zip"
- "out/ghctheme/chrome-ghc.zip"
- "out/slacktheme/chrome-slack.zip"
- "out/darktheme/chrome-dark.zip"
skip-cleanup: true
on:
Expand Down
4 changes: 4 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ Current features:
- Thread-link buttons at the top of each thread for easier referencing
- Several different variants:
- Light theme (Chat standard colors)
- Slack theme
- Dark theme

Installing from official release files
Expand Down Expand Up @@ -66,5 +67,8 @@ Click on the *Show Thread Links* button and thread links will appear before each
### Dark Theme
![Screenshot](https://user-images.githubusercontent.com/3884900/63685721-01f28a80-c7f8-11e9-8522-75446596d574.png)

### Slack Theme
![Screenshot](https://user-images.githubusercontent.com/3884900/63689984-6c5cf800-c803-11e9-864e-ec578353b946.png)

### Light Theme
![Screenshot](https://user-images.githubusercontent.com/3884900/63689983-6c5cf800-c803-11e9-8857-53326ec1d22b.png)
124 changes: 124 additions & 0 deletions css/color_slack.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
/* Sidebar color */
.X9KLPc, .Xa, .IL9EXe, .Uexccd, .teTAFe, .haAclf, .CL, .aeN {
background-color: #4d394b;
}

/* Sidebar elemtents bg color when hovering */
.PL5Wwe:focus:not(.dQ2Tsf),
.PL5Wwe:hover:not(.dQ2Tsf),
.tuKyod .LoYJxb {
background-color: #3e313c;
}

/* Sidebar elements text color for chans with unread messages */
.PL5Wwe.H7du2 .t5F5nf {
color: #fff;
}

/* Channel name color in sidebar */
.t5F5nf, .Z6 {
color: rgb(202, 196, 201);
}

/* Sidebar channel icons */
.SwwApf, .SwwApf.qkl0pe {
background-color: #3e313c;
}

/* Sidebar "recent" or "starred" section names color */
.aOHsTc, .WW {
text-transform: uppercase;
color: rgb(202, 196, 201);
}
.V6 {
border-top: 1px solid #fff;
}

/* Sidebar Search section text color */
.HLTcjb {
color: rgb(202, 196, 201);
}
.D3DXDc {
fill: rgb(202, 196, 201) !important;
}

/* Sidebar search button hovering bg color */
.GbZFNe:focus, .GbZFNe:hover {
background-color: #3e313c;
}

/* Sidebar search button shadow */
.d6pS5 {
box-shadow: 0 5px 5px -2px #3e313c;
padding-bottom: 0;

}

/* Search Menu bg color */
.yoV6yd {
background-color: #4d394b;
}

/* Search menu text color */
.Uk0Bfe .zHQkBf, .Uk0Bfe .snByac, .dQ2Tsf .NXfF8b, .dQ2Tsf .ZTmjQb {
color: #000;
}

/* Search menu elements colors when hovering */
.dQ2Tsf[aria-selected="true"], .PL5Wwe:hover > .dQ2Tsf {
background-color: #eee;
color: #fff
}

/* Search menu people list mail color */
.dQ2Tsf[aria-selected="true"] .Kfe2Ub, .PL5Wwe:hover > .dQ2Tsf .Kfe2Ub {
color: #000;
}

/* Top left corner section (with title) background color */
.Riuhhf {
background-color: #4d394b;
}

/* Chat top left logo text color */
#XMLID_8_-Clipped{
opacity: 0.8 !important;
fill: #fff !important;
}

/* Notifications active/disabled status button */
.gWTIDe {
color: rgb(202, 196, 201);
}

/* Time and menu buttons and clock for channels inactive and active colors */
.sFuxxd {
color: rgb(202, 196, 201);
}
.PL5Wwe.H7du2 .sFuxxd {
color: #fff;
}
.DQy0Rb {
fill: rgb(202, 196, 201) !important;
}
.PL5Wwe.H7du2 .DQy0Rb {
fill: #fff !important;
}
.QeRfYe {
fill: rgb(202, 196, 201) !important;
}
.PL5Wwe.H7du2 .QeRfYe {
fill: #fff !important;
}

/* Make code snippets have slack colors */
.FMTudf, .Zc1Emd div {
border: 1px solid #e0e0e0!important;
background: #f9f9f9!important;
}

/* Make inline pre have slack colors */
.U8d2H, .Zc1Emd span:not(.NhKrqd):not(.fWwrkf) {
background-color: #f7f7f9!important;
color: #d72b3f!important;
}
2 changes: 2 additions & 0 deletions generate_patch.sh
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,8 @@ generateFiles() {
cp -r "$2/firefox" "$2/chrome"
}

generateFiles "color_slack.css" "out/slacktheme" "Slack"

generateFiles "" "out/ghctheme" "GHC"

generateFiles "color_dark.css" "out/darktheme" "Dark"
Expand Down

0 comments on commit 8950646

Please sign in to comment.