├── .gitattributes
├── .github
└── workflows
│ └── build.yml
├── .gitignore
├── Gemfile
├── Gemfile.lock
├── README.md
├── config.rb
├── data
└── themes.yml
├── lib
├── color_helpers.rb
└── theme.rb
└── source
├── CNAME
├── favicon-32.png
├── fonts
├── lato-black-b64f5e4.woff2
├── lato-bold-4b1dc11.woff2
├── lato-regular-d9ce515.woff2
└── slack-icons-v2-efcc328.woff2
├── images
├── favicon-32.png
├── hanna.jpg
├── jack.jpg
├── jane.jpg
├── pied-piper.jpg
├── profile.jpg
├── rubytr.png
└── slackbot.jpeg
├── index.html.erb
├── javascripts
└── all.js.erb
├── layouts
└── layout.erb
└── stylesheets
├── client-boot-styles.13a0cc6.css
├── helper-styles.1ca91f7.css
├── libs
└── lato-1.css
└── slack-kit-styles.a483c72.css
/.gitattributes:
--------------------------------------------------------------------------------
1 | data/themes.yml merge=union
2 |
--------------------------------------------------------------------------------
/.github/workflows/build.yml:
--------------------------------------------------------------------------------
1 | name: Build
2 | on:
3 | push:
4 | branches:
5 | - master
6 | permissions:
7 | contents: write
8 | jobs:
9 | build:
10 | runs-on: ubuntu-latest
11 | steps:
12 | - uses: actions/checkout@v3
13 | - uses: ruby/setup-ruby@v1
14 | with:
15 | ruby-version: '3.2'
16 | bundler-cache: true
17 | - name: Build
18 | run: bundle exec middleman build
19 | - name: Deploy
20 | uses: JamesIves/github-pages-deploy-action@v4
21 | with:
22 | folder: build # The folder the action should deploy.
23 | branch: gh-pages # The branch the action should deploy to.
24 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
2 | #
3 | # If you find yourself ignoring temporary files generated by your text editor
4 | # or operating system, you probably want to add a global ignore instead:
5 | # git config --global core.excludesfile ~/.gitignore_global
6 |
7 | # Ignore bundler config
8 | /.bundle
9 |
10 | # Ignore the build directory
11 | /build
12 |
13 | # Ignore cache
14 | /.sass-cache
15 | /.cache
16 |
17 | # Ignore .DS_store file
18 | .DS_Store
19 |
20 | # Ignore the .env file
21 | /.env
22 |
--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | # If you do not have OpenSSL installed, update
2 | # the following line to use "http://" instead
3 | source 'https://rubygems.org'
4 |
5 | gem 'middleman', '~> 4.2'
6 | gem 'middleman-autoprefixer', '~> 3.0'
7 |
8 | # Live-reloading plugin
9 | gem "middleman-livereload"
10 |
11 | gem 'tzinfo-data', platforms: [:mswin, :mingw, :jruby, :x64_mingw]
12 | gem 'wdm', '~> 0.1', platforms: [:mswin, :mingw, :x64_mingw]
13 |
14 | gem "dotenv"
15 |
16 | gem "slippyd-colorist", require: "colorist"
17 | gem "webrick"
18 |
19 | gem "net-ftp", "~> 0.3.4"
20 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | activesupport (7.0.8.1)
5 | concurrent-ruby (~> 1.0, >= 1.0.2)
6 | i18n (>= 1.6, < 2)
7 | minitest (>= 5.1)
8 | tzinfo (~> 2.0)
9 | addressable (2.8.6)
10 | public_suffix (>= 2.0.2, < 6.0)
11 | autoprefixer-rails (10.4.16.0)
12 | execjs (~> 2)
13 | backports (3.25.0)
14 | coffee-script (2.4.1)
15 | coffee-script-source
16 | execjs
17 | coffee-script-source (1.12.2)
18 | concurrent-ruby (1.2.3)
19 | contracts (0.16.1)
20 | date (3.3.4)
21 | dotenv (3.1.0)
22 | em-websocket (0.5.2)
23 | eventmachine (>= 0.12.9)
24 | http_parser.rb (~> 0.6.0)
25 | erubis (2.7.0)
26 | eventmachine (1.2.7)
27 | execjs (2.9.1)
28 | fast_blank (1.0.1)
29 | fastimage (2.3.0)
30 | ffi (1.16.3)
31 | haml (6.3.0)
32 | temple (>= 0.8.2)
33 | thor
34 | tilt
35 | hamster (3.0.0)
36 | concurrent-ruby (~> 1.0)
37 | hashie (3.6.0)
38 | http_parser.rb (0.6.0)
39 | i18n (1.6.0)
40 | concurrent-ruby (~> 1.0)
41 | kramdown (2.4.0)
42 | rexml
43 | listen (3.9.0)
44 | rb-fsevent (~> 0.10, >= 0.10.3)
45 | rb-inotify (~> 0.9, >= 0.9.10)
46 | memoist (0.16.2)
47 | middleman (4.5.1)
48 | coffee-script (~> 2.2)
49 | haml (>= 4.0.5)
50 | kramdown (>= 2.3.0)
51 | middleman-cli (= 4.5.1)
52 | middleman-core (= 4.5.1)
53 | middleman-autoprefixer (3.0.0)
54 | autoprefixer-rails (~> 10.0)
55 | middleman-core (>= 4.0.0)
56 | middleman-cli (4.5.1)
57 | thor (>= 0.17.0, < 1.3.0)
58 | middleman-core (4.5.1)
59 | activesupport (>= 6.1, < 7.1)
60 | addressable (~> 2.4)
61 | backports (~> 3.6)
62 | bundler (~> 2.0)
63 | contracts (~> 0.13, < 0.17)
64 | dotenv
65 | erubis
66 | execjs (~> 2.0)
67 | fast_blank
68 | fastimage (~> 2.0)
69 | hamster (~> 3.0)
70 | hashie (~> 3.4)
71 | i18n (~> 1.6.0)
72 | listen (~> 3.0)
73 | memoist (~> 0.14)
74 | padrino-helpers (~> 0.15.0)
75 | parallel
76 | rack (>= 1.4.5, < 3)
77 | sassc (~> 2.0)
78 | servolux
79 | tilt (~> 2.0.9)
80 | toml
81 | uglifier (~> 3.0)
82 | webrick
83 | middleman-livereload (3.4.6)
84 | em-websocket (~> 0.5.1)
85 | middleman-core (>= 3.3)
86 | rack-livereload (~> 0.3.15)
87 | minitest (5.22.3)
88 | net-ftp (0.3.4)
89 | net-protocol
90 | time
91 | net-protocol (0.2.2)
92 | timeout
93 | padrino-helpers (0.15.3)
94 | i18n (>= 0.6.7, < 2)
95 | padrino-support (= 0.15.3)
96 | tilt (>= 1.4.1, < 3)
97 | padrino-support (0.15.3)
98 | parallel (1.24.0)
99 | parslet (2.0.0)
100 | public_suffix (5.0.4)
101 | rack (2.2.9)
102 | rack-livereload (0.3.17)
103 | rack
104 | rb-fsevent (0.11.2)
105 | rb-inotify (0.10.1)
106 | ffi (~> 1.0)
107 | rexml (3.2.6)
108 | sassc (2.4.0)
109 | ffi (~> 1.9)
110 | servolux (0.13.0)
111 | slippyd-colorist (0.0.5)
112 | temple (0.10.3)
113 | thor (1.2.2)
114 | tilt (2.0.11)
115 | time (0.3.0)
116 | date
117 | timeout (0.4.1)
118 | toml (0.3.0)
119 | parslet (>= 1.8.0, < 3.0.0)
120 | tzinfo (2.0.6)
121 | concurrent-ruby (~> 1.0)
122 | uglifier (3.2.0)
123 | execjs (>= 0.3.0, < 3)
124 | webrick (1.8.1)
125 |
126 | PLATFORMS
127 | ruby
128 |
129 | DEPENDENCIES
130 | dotenv
131 | middleman (~> 4.2)
132 | middleman-autoprefixer (~> 3.0)
133 | middleman-livereload
134 | net-ftp (~> 0.3.4)
135 | slippyd-colorist
136 | tzinfo-data
137 | wdm (~> 0.1)
138 | webrick
139 |
140 | BUNDLED WITH
141 | 2.5.7
142 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
Slack Themes
4 |
5 |
6 |
7 | [](https://github.com/paracycle/slackthemes/actions/workflows/build.yml)
8 |
9 |
10 |
11 | ### About the project
12 |
13 | slackthemes.net is a platform for browsing and sharing themes for [Slack](https://slack.com/).
14 | It is not affiliated with [Slack](https://slack.com/) in any way or form; but it is a great tool, use it.
15 |
16 |
17 | ### How to contribute (themes)
18 |
19 | 1. Fork this project.
20 | 2. Add your theme to the `data/themes.yml` file.
21 | 3. Create a pull request.
22 |
23 | ### How to contribute (core)
24 |
25 | 1. Fork this project.
26 | 2. Install dependencies using `bundle install`
27 | 3. Make changes.
28 | 4. Build the project using `bundle exec middleman build`
29 | 5. You can [run a local webserver](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server) to test the project. (make sure to use the `./build` folder as your DocumentRoot).
30 | 6. Create a pull request.
31 |
32 | ### Contributors
33 |
34 | * [Contributors](https://github.com/paracycle/slackthemes/graphs/contributors)
35 |
--------------------------------------------------------------------------------
/config.rb:
--------------------------------------------------------------------------------
1 | require 'ostruct'
2 | require 'dotenv'
3 | require 'lib/theme'
4 | require 'lib/color_helpers'
5 | Dotenv.load
6 |
7 | # Activate and configure extensions
8 | # https://middlemanapp.com/advanced/configuration/#configuring-extensions
9 |
10 | activate :autoprefixer do |prefix|
11 | prefix.browsers = "last 2 versions"
12 | end
13 |
14 | set :css_dir, 'stylesheets'
15 | set :js_dir, 'javascripts'
16 | set :images_dir, 'images'
17 |
18 | # Layouts
19 | # https://middlemanapp.com/basics/layouts/
20 |
21 | # Per-page layout changes
22 | page '/*.xml', layout: false
23 | page '/*.json', layout: false
24 | page '/*.txt', layout: false
25 |
26 | # With alternative layout
27 | # page '/path/to/file.html', layout: 'other_layout'
28 |
29 | # Proxy pages
30 | # https://middlemanapp.com/advanced/dynamic-pages/
31 |
32 | # proxy(
33 | # '/this-page-has-no-template.html',
34 | # '/template-file.html',
35 | # locals: {
36 | # which_fake_page: 'Rendering a fake page with a local variable'
37 | # },
38 | # )
39 |
40 | # Helpers
41 | # Methods defined in the helpers block are available in templates
42 | # https://middlemanapp.com/basics/helper-methods/
43 |
44 | helpers ColorHelpers
45 | helpers do
46 | def themes
47 | data.themes.sort_by { |theme| theme['name'].downcase }.map do |theme|
48 | Theme.new(name: theme['name'], colors: theme['colors'])
49 | end
50 | end
51 |
52 | def default_theme
53 | theme = data.themes.first
54 | Theme.new(name: theme['name'], colors: theme['colors'])
55 | end
56 | end
57 |
58 | # Build-specific configuration
59 | # https://middlemanapp.com/advanced/configuration/#environment-specific-settings
60 |
61 | # configure :build do
62 | # activate :minify_css
63 | # activate :minify_javascript
64 | # end
65 |
66 | # Reload the browser automatically whenever files change
67 | # configure :development do
68 | # activate :livereload
69 | # end
70 |
71 | # Build-specific configuration
72 | configure :build do
73 | # activate :screenshot_generator
74 |
75 | # For example, change the Compass output style for deployment
76 | # activate :minify_css
77 |
78 | # Minify Javascript on build
79 | activate :minify_javascript
80 |
81 | # Enable cache buster
82 | # activate :asset_hash
83 |
84 | # Use relative URLs
85 | activate :relative_assets
86 |
87 | # Or use a different image path
88 | # set :http_prefix, "/Content/images/"
89 | end
90 |
--------------------------------------------------------------------------------
/data/themes.yml:
--------------------------------------------------------------------------------
1 | - { colors: '#3F0E40,#350d36,#1164A3,#FFFFFF,#350D36,#FFFFFF,#2BAC76,#CD2553', name: 'Aubergine' }
2 | - { colors: '#1d1d1d,#000000,#0ba8ca,#FFFFFF,#075566,#FFFFFF,#0ba8ca,#EB4D5C', name: 'B-MIND' }
3 | - { colors: '#181818,#585858,#7cafc2,#f8f8f8,#b8b8b8,#f8f8f8,#f7ca88,#ab4642', name: 'Base16 Default Dark' }
4 | - { colors: '#F2F0EC,#E8E6DF,#F2777A,#FFFFFF,#B8B8B8,#515151,#99CC99,#66CCCC', name: 'Base16 Eighties Light' }
5 | - { colors: '#393939,#2D2D2D,#F2777A,#FFFFFF,#515151,#D3D0C8,#99CC99,#66CCCC', name: 'Base16 Eighties Dark' }
6 | - { colors: '#191A1C,#282A2E,#B6BC68,#FFFFFF,#363B41,#959896,#80A2BE,#C26161', name: 'Base16 Tomorrow Night' }
7 | - { colors: '#2b303b,#16181f,#4f5b66,#c0c5ce,#343d46,#a7adba,#a3be8c,#bf616a', name: 'Base16 Ocean Dark' }
8 | - { colors: '#003E6B,#000a52,#73AD0D,#FFFFFF,#D37C71,#FFFFFF,#F79F66,#F15340', name: 'BCIT' }
9 | - { colors: '#754242,#BD3737,#9C4444,#FFFFFF,#434745,#FFFFFF,#99D04A,#DB6668', name: 'Big Red' }
10 | - { colors: '#020623,#020623,#00B993,#FFFFFF,#41465c,#FFFFFF,#52eb7b,#FF2154', name: 'Bolket' }
11 | - { colors: '#0E3386,#133a94,#D12325,#FFFFFF,#a31a1c,#FFFFFF,#D12325,#D12325', name: 'Chicago Cubs' }
12 | - { colors: '#507800,#94AF63,#FFEA00,#507800,#94AF63,#FFFFFF,#F7FF00,#FF9900', name: 'Citrus' }
13 | - { colors: '#e56f43,#ff7a4a,#46266D,#FFFFFF,#5f3d99,#ffffff,#46266D,#46266D', name: 'Clemson' }
14 | - { colors: '#2b2b2b,#f02109,#f9fc00,#2b2b2b,#2b2b2b,#FFFFFF,#66ed00,#ec34ff', name: 'WeAreLATech' }
15 | - { colors: '#f4f5f0,#FFFFFF,#efd213,#FFFFFF,#EFD213,#333232,#59c77f,#fa575d', name: 'charity: water' }
16 | - { colors: '#544538,#42362B,#5DB09D,#FFFFFF,#4A3C30,#FFFFFF,#FFFFFF,#5DB09D', name: 'Choco Mint' }
17 | - { colors: '#3A3D3F,#3A3D3F,#D84315,#FFFFFF,#3A3D3F,#FFFFFF,#48B8AD,#D84315', name: 'Convoy' }
18 | - { colors: '#193549,#FFC600,#1D425D,#FFFFFF,#0085FF,#FFFFFF,#2CDB00,#FFC600', name: 'Cobalt2' }
19 | - { colors: '#1b2b34,#343d46,#5fb3b3,#1B2B34,#0b151b,#FFFFFF,#99c794,#fac863', name: 'CobaltNext' }
20 | - { colors: '#333F4E,#47525F,#DA513D,#FFFFFF,#47525F,#F8F8F8,#DA513D,#DA513D', name: 'CraftCMS' }
21 | - { colors: '#0c1e3e,#153161,#2970ff,#FFFFFF,#153161,#FFFFFF,#2ed6a1,#2ed6a1', name: 'Decred' }
22 | - { colors: '#282A36,#44475A,#44475A,#8BE9FD,#6272A4,#FFFFFF,#50FA7B,#FF5555', name: 'Dracula' }
23 | - { colors: '#3686BE,#215F8B,#7DB461,#FFFFFF,#2E3234,#FFFFFF,#7DB461,#215F8B', name: 'DigitalOcean' }
24 | - { colors: '#117bcf,#117bcf,#467ca2,#FFFFFF,#2E3234,#FFFFFF,#7DB461,#cb4641', name: 'Digital Media Solutions' }
25 | - { colors: '#2e3136,#282b30,#282b30,#ffffff,#282b30,#818386,#43b581,#7289da', name: 'Discord' }
26 | - { colors: '#1B549E,#1B549E,#19C0E7,#FFFFFF,#19C0E7,#FFFFFF,#19C0E7,#FFFFFF', name: 'Design Hub' }
27 | - { colors: '#dfdfdf,#f5f5f5,#cecece,#333333,#f5f5f5,#333333,#93d844,#da4d45', name: 'elementary GTK' }
28 | - { colors: '#faf4f1,#faf4f1,#E77562,#ffffff,#E5DBD6,#717171,#E46651,#E46651', name: 'Ember.js' }
29 | - { colors: '#DA6A2D,#737272,#38307F,#FFFFFF,#737272,#FFFFFF,#38307F,#38307F', name: 'FOLIO orange' }
30 | - { colors: '#38307F,#737272,#DA6A2D,#FFFFFF,#737272,#FFFFFF,#DA6A2D,#DA6A2D', name: 'FOLIO purple' }
31 | - { colors: '#171717,#404245,#424242,#ECF0F1,#4A4A4A,#FAFAFA,#2ECC71,#00A362', name: 'Green Lantern' }
32 | - { colors: '#00254C,#15467a,#EEB211,#FFFFFF,#EEB211,#FFFFFF,#C59353,#007BFF', name: 'Georgia Tech' }
33 | - { colors: '#643685,#634489,#FC6D26,#ffffff,#71558f,#ffffff,#FCA326,#e24329', name: 'GitLab' }
34 | - { colors: '#340027,#260024,#FF1962,#FFFFFF,#610047,#FFFFFF,#FF1962,#FF1962', name: 'Haunter' }
35 | - { colors: '#383643,#383643,#EB4864,#FFFFFF,#383643,#FFFFFF,#EB4864,#EB4864', name: 'Hibari' }
36 | - { colors: '#FFFFFF,#999999,#000000,#FFFFFF,#AAAAAA,#000000,#808080,#000000', name: 'High Contrast' }
37 | - { colors: '#F8F8FA,#F8F8FA,#2D9EE0,#FFFFFF,#FFFFFF,#383F45,#60D156,#DC5960', name: 'Hoth' }
38 | - { colors: '#F0DB4F,#F0DB4F,#323330,#FFFFFF,#e6cd2c,#323330,#323330,#323330', name: 'JavaScript' }
39 | - { colors: '#181818,#b65f49,#81A9C2,#ffffff,#384048,#CFCFBD,#A79AC6,#889962', name: 'Jellybeans' }
40 | - { colors: '#86A34E,#94AF63,#FFFFFF,#6D8B42,#94AF63,#FFFFFF,#FFB10A,#DFA044', name: 'Juice Bar' }
41 | - { colors: '#00AED8,#00AEDF,#C5CC13,#000000,#FBB040,#FFFFFF,#2DEBAE,#EE2B74', name: 'KKBOX' }
42 | - { colors: '#FFD552,#FFffff,#FFffff,#30322A,#ECEEF2,#30322A,#17B5DA,#17B5DA', name: 'KKTOWN' }
43 | - { colors: '#282828,#551127,#79092b,#f5f5f5,#111111,#cccccc,#f04b6e,#b40f42', name: 'KKTV' }
44 | - { colors: '#40364D,#312a3c,#312A3C,#F58D8C,#312A3C,#a097ad,#F58D8C,#F58D8C', name: 'Kayako Minimal' }
45 | - { colors: '#F56262,#F56262,#424242,#F5F5F5,#ed5151,#F5F5F5,#F5F5F5,#424242', name: 'Laravel' }
46 | - { colors: '#FAFAFA,#FB503B,#FB503B,#FFFFFF,#F58F82,#1C1B1C,#FB503B,#424242', name: 'Laravel Light' }
47 | - { colors: '#0D2240,#00A8E1,#F7A800,#FFFFFF,#00A8E1,#FFFFFF,#00A8E1,#00A8E1', name: 'Milwaukee Dark' }
48 | - { colors: '#00A8E1,#0D2240,#F7A800,#FFFFFF,#0D2240,#FFFFFF,#F7A800,#0D2240', name: 'Milwaukee Mid' }
49 | - { colors: '#FFFFFF,#00A8E1,#0D2240,#FFFFFF,#F7A800,#0D2240,#F7A800,#00A8E1', name: 'Milwaukee Light' }
50 | - { colors: '#212420,#333632,#87CF3E,#FFFFFF,#393d39,#FFFFFF,#87CF3E,#68a030', name: 'Mint' }
51 | - { colors: '#222222,#2F2F2F,#F92772,#FFFFFF,#A6E22D,#FFFFFF,#66D9EF,#BE84F2', name: 'Monokai' }
52 | - { colors: '#0D7E83,#076570,#F79F66,#FFFFFF,#D37C71,#FFFFFF,#F79F66,#F15340', name: 'Monument' }
53 | - { colors: '#1F1C18,#8E0E00,#8E0E00,#FFFFFF,#A1A09F,#FFFFFF,#B01D0C,#8E0E00', name: 'Netflix' }
54 | - { colors: '#303E4D,#2C3849,#6698C8,#FFFFFF,#4A5664,#FFFFFF,#94E864,#78AF8F', name: 'Ochin' }
55 | - { colors: '#057fa5,#034F75,#ffffff,#057fa5,#034F75,#FFFFFF,#99D04A,#ff9800', name: 'OpenData.cz' }
56 | - { colors: '#F68D29,#F99A3F,#F99A3F,#FFFFFF,#ED8624,#FFFFFF,#FFFFFF,#F9A55A', name: 'osTicket' }
57 | - { colors: '#b19cd9,#89cff0,#FEC8D8,#FFFFFF,#89cff0,#FFFFFF,#FFFFFF,#8F6DB0', name: 'Pastel' }
58 | - { colors: '#C10048,#920A3D,#2E0002,#FFFFFF,#610A29,#FFFFFF,#FFFFFF,#610A29', name: 'Polygon' }
59 | - { colors: '#1F2036,#7986CB,#FE528C,#FFFFFF,#606BA2,#FFFFFF,#2DEBAE,#FE528C', name: 'Polymer' }
60 | - { colors: '#F6F6F6,#EEEEEE,#FA3649,#FFFFFF,#FFFFFF,#000000,#60D156,#FA3649', name: 'PouchDB' }
61 | - { colors: '#FDF6E3,#EEE8D5,#93A1A1,#FDF6E3,#EEE8D5,#657B83,#2AA198,#DC322F', name: 'Solarized' }
62 | - { colors: '#AE1817,#AE1817,#232323,#FFFFFF,#999999,#FFFFFF,#333333,#232323', name: 'Saiku Analytics' }
63 | - { colors: '#073642,#002B36,#B58900,#FDF6E3,#CB4B16,#FDF6E3,#2AA198,#DC322F', name: 'Solarized Dark' }
64 | - { colors: '#293134,#2F393C,#293134,#93C763,#2F393C,#81969A,#EC7600,#EC7600', name: 'Son of Obsidian' }
65 | - { colors: '#000000,#A51C24,#FFFFFF,#0320FF,#A5A5A5,#FFFFFF,#FFFFFF,#FFFF00', name: 'Stark Contrast' }
66 | - { colors: '#B300B3,#23A61C,#FFFFFF,#C400FF,#FF2EFF,#000000,#F7FF00,#F7FF00', name: 'Summer Craze' }
67 | - { colors: '#574f4a,#48b9c7,#faa41a,#FFFFFF,#48b9c7,#FFFFFF,#26d076,#dc4405', name: 'System76' }
68 | - { colors: '#000000,#000000,#1EB8EB,#000000,#424242,#FFFFFF,#1EB8EB,#1EB8EB', name: 'Tron' }
69 | - { colors: '#FAFAFA,#FAFAFA,#0F82FF,#FFFFFF,#D4E7FF,#404040,#62D962,#E92242', name: 'Yosemite iTunes' }
70 | - { colors: '#BB6A76,#AD5B67,#62B791,#FFFFFF,#A5516A,#FFFFFF,#68F798,#694464', name: 'WameIn' }
71 | - { colors: '#E3DAE6,#B49FC2,#5A30B0,#FDF6E3,#EEE8D5,#594275,#B358BF,#BD72CC', name: 'Wegman' }
72 | - { colors: '#4D5250,#444A47,#D39B46,#FFFFFF,#434745,#FFFFFF,#99D04A,#DB6668', name: 'Work Hard' }
73 | - { colors: '#2C2B32,#534C55,#FFB24C,#2C2B32,#534C55,#EEEDEF,#B8E986,#FF884E', name: 'Team Pizza' }
74 | - { colors: '#101010,#000000,#FFFFFF,#000000,#A0A0A0,#FFFFFF,#00A400,#5858FE', name: 'Terminal' }
75 | - { colors: '#4A3A55,#3A2A45,#8A7A95,#FFFFFF,#2A1A35,#FFFFFF,#22CC88,#CC2288', name: 'MADSOFT' }
76 | - { colors: '#FFFFFF,#FFFFFF,#FFFFFF,#2288CC,#2288CC,#454449,#93CC93,#2288CC', name: 'Slack White' }
77 | - { colors: '#4E69A2,#38528B,#38528B,#FFFFFF,#38528B,#FFFFFF,#1FAD38,#CD2323', name: 'Facebook' }
78 | - { colors: '#222222,#333333,#3F96CA,#F9F9F9,#4A5664,#FFFFFF,#3F96CA,#EFC000', name: 'Wedgies' }
79 | - { colors: '#F3E3CD,#F3E3CD,#F3951D,#DA3D61,#F26328,#183E1C,#DA3D61,#F26328', name: 'Kimbie' }
80 | - { colors: '#2B7164,#2B7164,#51A050,#EC2262,#CECCB2,#032342,#DA3D61,#CECCB2', name: 'Watermelon' }
81 | - { colors: '#EB4D5C,#EB4D5C,#A6D6A1,#3C3865,#3C3865,#FFFFFF,#3C3865,#F18E2C', name: 'Spring Tree' }
82 | - { colors: '#663399,#592D86,#8F6DB0,#FFFFFF,#3E313C,#FFFFFF,#FFFFFF,#EB4D5C', name: 'Makers' }
83 | - { colors: '#27364E,#1A2535,#F55D54,#F2F2F4,#1A2535,#E6E6E9,#F6756D,#F55D54', name: 'MockingBot' }
84 | - { colors: '#CF7C44,#CF7C44,#E89A6B,#F7DB72,#FBEDD4,#FFFAFC,#92406A,#92406A', name: 'Bourbon' }
85 | - { colors: '#C17F46,#C17F46,#CFA677,#DCBF98,#FBEDD4,#EFEFEF,#EAECF1,#EAECF1', name: 'Latte' }
86 | - { colors: '#0A6242,#0A6242,#3D3935,#BC7E3B,#BC7E3B,#F7F7F7,#3D3935,#3D3935', name: 'Starbucks' }
87 | - { colors: '#FDE13A,#FDE13A,#000000,#E72D25,#FFF09E,#000000,#E72D25,#E72D25', name: 'Kill Bill' }
88 | - { colors: '#FFFFFF,#FFFFFF,#E0E0E0,#E1382F,#F2F2F2,#050505,#E1382F,#E1382F', name: 'Railway Clock' }
89 | - { colors: '#101010,#101010,#D3D3CA,#BB313E,#424242,#F0F0E6,#BB313E,#BB313E', name: 'Film Noir' }
90 | - { colors: '#55ACEE,#55ACEE,#E1E8ED,#292F33,#ADDCFF,#F5F8FA,#E1E8ED,#E1E8ED', name: 'Twitter' }
91 | - { colors: '#007EE5,#007EE5,#47525D,#FFFFFF,#7B8994,#FFFFFF,#47525D,#47525D', name: 'Dropbox' }
92 | - { colors: '#1A1919,#1A1919,#EDEBE6,#7DBA4A,#4F4D4D,#FFFFFF,#7DBA4A,#7DBA4A', name: 'Spotify' }
93 | - { colors: '#89A1AB,#7D949E,#FFFFFF,#748991,#748991,#FFFFFF,#B3FF00,#748991', name: 'Light Blue' }
94 | - { colors: '#404040,#696969,#FFD200,#000000,#000000,#FFFFFF,#00703C,#EF4C23', name: 'Gartland' }
95 | - { colors: '#003D67,#003D67,#FFFFFF,#003D67,#00548C,#FFFFFF,#0099FF,#006752', name: 'Phone Box' }
96 | - { colors: '#A5C0CC,#62A5BF,#1A91BD,#F5F5F5,#BAD8E3,#170317,#38978D,#EB4D5C', name: 'Sky Blue' }
97 | - { colors: '#292D36,#000000,#DA5647,#FFFFFF,#333644,#FFFFFF,#57AFBD,#DA5647', name: 'Goodstuff FM' }
98 | - { colors: '#4F2F4C,#452842,#8C5888,#FFFFFF,#3E313C,#FFFFFF,#D0FF00,#889100', name: 'Solanum' }
99 | - { colors: '#4F2F4C,#452842,#8C5888,#FFFFFF,#3E313C,#FFFFFF,#00FFB7,#DE4C0D', name: 'Brinjal' }
100 | - { colors: '#FFFFFF,#FDCE45,#FDCE45,#0F1216,#ECEEF2,#0F1216,#1FAE7D,#1FAE7D', name: 'Put.io' }
101 | - { colors: '#FFFFFF,#EDECEB,#DA552F,#FFFFFF,#FCF5E2,#534540,#DA552F,#FF8669', name: 'Product Hunt' }
102 | - { colors: '#2A2A49,#9292A8,#F25930,#FFFFFF,#9292A8,#EEEDEF,#F25930,#D5315C', name: 'Myplanet' }
103 | - { colors: '#F7F7F7,#CEE3F8,#B3CCE6,#FF3000,#B3CCE6,#336699,#38978D,#FF7500', name: 'Reddit' }
104 | - { colors: '#FFFFFF,#CC181E,#CC181E,#FFFFFF,#444444,#0D0D0D,#CC181E,#E04A4D', name: 'Youtube' }
105 | - { colors: '#F5F5F5,#FFFFFF,#FDBD39,#FFFFFF,#FECF33,#574751,#A4BF36,#EE6723', name: 'Zeplin' }
106 | - { colors: '#494949,#CB5599,#49C6B7,#FFFFFF,#898B8F,#FFFFFF,#9ECD75,#E6615D', name: 'Social Tables Pink' }
107 | - { colors: '#494949,#65A0D6,#49C6B7,#FFFFFF,#898B8F,#FFFFFF,#9ECD75,#E6615D', name: 'Social Tables Blue' }
108 | - { colors: '#0074B2,#0083CA,#B26500,#FFFFFF,#00A5FF,#FFFFFF,#FF9000,#FF9000', name: 'Luizalabs' }
109 | - { colors: '#0074B2,#0083CA,#00A2FF,#FFFFFF,#00A5FF,#FFFFFF,#03EEFF,#00CCC2', name: 'Deep Blue' }
110 | - { colors: '#181D27,#FD6540,#393F40,#F1F2F4,#393F40,#F1F2F4,#F1F2F4,#FD6540', name: 'Grooveshark' }
111 | - { colors: '#2B2D2D,#4A4C4D,#428BCA,#FFFFFF,#428BCA,#FFFFFF,#67D044,#DE495B', name: 'The Changelog' }
112 | - { colors: '#112539,#112539,#2DA89C,#FFFFFF,#004365,#FFFFFF,#2DEBAE,#2DEBAE', name: 'SocialSign.in' }
113 | - { colors: '#0D2D4F,#0A2440,#639DD4,#FFFFFF,#3E6796,#FFFFFF,#94E864,#5990CF', name: 'Peter Sellers' }
114 | - { colors: '#751C01,#5C1500,#FFFFFF,#751C01,#AD2A02,#FFFFFF,#FFFFFF,#AD2A02', name: 'Danny Torrence' }
115 | - { colors: '#EDECEB,#E3E3E3,#DA552F,#FFFFFF,#D6D6D6,#534540,#DA552F,#DA552F', name: 'Douglas Rain' }
116 | - { colors: '#B51929,#B51929,#23408E,#BCA26F,#025277,#FFFFFF,#E5D3A0,#B7B6B7', name: 'FC Bayern München' }
117 | - { colors: '#1C1F25,#282C35,#925AFF,#FFFFFF,#925AFF,#FFFFFF,#89BE6C,#DB182E', name: 'plug.dj' }
118 | - { colors: '#F9F6F1,#F9F6F1,#FF3300,#FFFFFF,#FF3300,#1E1E1E,#FF3300,#B3D4FD', name: 'Oktavilla' }
119 | - { colors: '#333333,#222222,#44A340,#FFFFFF,#8CBE65,#FFFFFF,#D6E685,#1E6823', name: 'Github Activity Graph' }
120 | - { colors: '#ffffff,#24292e,#e9f0f7,#1d4880,#ffefc6,#666666,#28a745,#92979b', name: 'Github' }
121 | - { colors: '#000000,#000000,#006600,#00ff00,#00ff00,#00ff00,#ff0000,#ff0000', name: 'Retro Monochrome Terminal' }
122 | - { colors: '#0000AA,#00AAAA,#FF55FF,#FFFFFF,#00AAAA,#FFFFFF,#C0C0C0,#FF00FF', name: 'EGA' }
123 | - { colors: '#0050A0,#000020,#F08000,#FFFFFF,#F08000,#FFFFFF,#F08000,#F08000', name: 'AmigaOS 1.3' }
124 | - { colors: '#222222,#111111,#111111,#66AADD,#555555,#EEEEEE,#66DD66,#DD666D', name: 'DD' }
125 | - { colors: '#0A0F14,#10151B,#265360,#D4EBE9,#D26939,#9BD1CE,#EDB54B,#C33027', name: 'Gotham' }
126 | - { colors: '#F5F5F5,#CCCCCC,#3873AE,#FFFFFF,#E9E9E9,#000000,#69AA4E,#999999', name: 'Hip' }
127 | - { colors: '#303E4D,#2C3849,#B04C58,#FFFFFF,#4A5664,#B3B8C4,#94E864,#78AF8F', name: 'Space Gray' }
128 | - { colors: '#573D82,#453068,#3FBA91,#FFFFFF,#453068,#FFFFFF,#3FBA91,#FF3E88', name: 'Slack.com' }
129 | - { colors: '#F2F2F4,#E6E6E9,#1FBAD6,#FFFFFF,#C0C0C8,#151525,#1FBAD6,#4CC8DE', name: 'Uber Light' }
130 | - { colors: '#151525,#3A3A48,#1EACC7,#F2F2F4,#3A3A48,#E6E6E9,#79D6E6,#4CC8DE', name: 'Uber Dark' }
131 | - { colors: '#162C16,#444A47,#663333,#FFFFFF,#995050,#FFFFFF,#E0E066,#DB6668', name: 'xUnit.net' }
132 | - { colors: '#000E0F,#000E0F,#393218,#F1C248,#006D77,#34EAF5,#02BF02,#F1C248', name: 'Ingress Enlightened' }
133 | - { colors: '#000E0F,#000E0F,#393218,#F1C248,#006D77,#34EAF5,#0492D0,#F1C248', name: 'Ingress Resistence' }
134 | - { colors: '#F7941E,#FFB963,#FFB963,#110000,#F5A849,#110000,#3D0000,#507DAA', name: 'Beaver Builders' }
135 | - { colors: '#2F2C2F,#252525,#A36B31,#D2D6D6,#5C6380,#DEDEDE,#ADBA4E,#DB6668', name: 'Afterglow' }
136 | - { colors: '#C0441C,#91282A,#F79F66,#FFFFFF,#91282A,#FFFFFF,#F79F66,#F15340', name: 'Hot Dog Stand' }
137 | - { colors: '#FFFFFF,#C0C0C0,#001F7E,#FFFFFF,#C0C0C0,#000000,#001F7E,#C0C0C0', name: 'Windows 3.1' }
138 | - { colors: '#327C7E,#001F7E,#001F7E,#FFFFFF,#001F7E,#FFFFFF,#C0C0C0,#C0C0C0', name: 'Windows 95' }
139 | - { colors: '#F0EDE0,#0054E3,#0054E3,#FFFFFF,#0054E3,#000000,#ED6D3A,#ED6D3A', name: 'Windows XP' }
140 | - { colors: '#0D83DD,#0064BE,#86C620,#FFFFFF,#648C0F,#FFFFFF,#9DFF00,#86C620', name: 'FreshBooks' }
141 | - { colors: '#278F0D,#19780C,#070708,#FFFFFF,#19780C,#FFFFFF,#F7FF00,#FF8669', name: 'Mean Green' }
142 | - { colors: '#B51815,#A51815,#FFFFFF,#B51815,#FF1815,#FFD21F,#FFE21F,#FF5555', name: 'Kansas City Chiefs' }
143 | - { colors: '#181818,#202020,#99CB3F,#FFFFFF,#202020,#FFFFFF,#99CB3F,#F7124E', name: 'Drund' }
144 | - { colors: '#607D8B,#546E7A,#90A4AE,#FFFFFF,#455A64,#FFFFFF,#B2FF59,#EF5350', name: 'Material Blue Grey' }
145 | - { colors: '#3F51B5,#303F9F,#303F9F,#FFFFFF,#303F9F,#FFFFFF,#B2FF59,#9FA8DA', name: 'Material Indigo' }
146 | - { colors: '#212121,#212121,#3F51B5,#FFFFFF,#3F51B5,#FFFFFF,#3F51B5,#3F51B5', name: 'Material Dark Indigo' }
147 | - { colors: '#212121,#212121,#607D8B,#FFFFFF,#607D8B,#FFFFFF,#607D8B,#607D8B', name: 'Material Dark Blue Grey' }
148 | - { colors: '#2F343B,#2F343B,#FD7532,#FFFFFF,#FD7532,#FFFFFF,#FD7532,#FD7532', name: 'Hummingbird' }
149 | - { colors: '#CEC18A,#ffffff,#000000,#FFFFFF,#FFFFFF,#000000,#ffff00,#000000', name: 'Pittsburgh Penguins' }
150 | - { colors: '#FAFAFA,#F3F3F3,#E7412A,#FFFFFF,#EDEDED,#564F4D,#8DA600,#0EA7B5', name: 'Dolly Light' }
151 | - { colors: '#635C5A,#564F4D,#E7412A,#FFFFFF,#564F4D,#FFFFFF,#8DA600,#0EA7B5', name: 'Dolly Dark' }
152 | - { colors: '#34495e,#16a085,#1abc9c,#FFFFFF,#16A085,#ecf0f1,#FF2A68,#FF2A68', name: 'Midnight Pink' }
153 | - { colors: '#112E51,#205493,#0071BC,#FFFFFF,#323A45,#FFFFFF,#4AA564,#981B1E', name: 'Draft U.S. Web Design Standards' }
154 | - { colors: '#5AADBB,#076570,#F5D087,#FFFFFF,#D37C71,#262222,#DD002A,#F15340', name: 'Yeoman' }
155 | - { colors: '#23282d,#191e23,#0073AA,#FFFFFF,#111111,#EEEEEE,#46b450,#D54E21', name: 'WordPress' }
156 | - { colors: '#2D363F,#D6D8D7,#D6D8D7,#2D363F,#D6D8D7,#FFFFFF,#D6D8D7,#D6D8D7', name: 'Front End Happy Hour' }
157 | - { colors: '#373D48,#303641,#5294E2,#FFFFFF,#4A5664,#FFFFFF,#5294E2,#5294E2', name: 'Arc' }
158 | - { colors: '#383838,#303641,#999999,#FFFFFF,#5c5c5c,#FFFFFF,#999999,#999999', name: 'Arc Grey' }
159 | - { colors: '#245b61,#245b61,#72d4c0,#FFFFFF,#b0c1c4,#FFFFFF,#bef200,#F15340', name: 'Thoroughcare' }
160 | - { colors: '#0D7E83,#076570,#32b377,#FFFFFF,#72d4c0,#FFFFFF,#bef200,#F15340', name: 'Minty' }
161 | - { colors: '#235ce2,#6BB700,#6BB700,#FFFFFF,#262626,#FFFFFF,#6BB700,#EB4D5C', name: 'Zillow' }
162 | - { colors: '#ffffff,#E5613B,#4EBDA6,#FFFFFF,#E2B708,#777777,#4EBDA6,#BE3410', name: 'HotPads' }
163 | - { colors: '#ffffff,#CCCCCC,#3F9DBC,#FFFFFF,#E46700,#777777,#3F9DBC,#BE3410', name: 'Naked Apartments' }
164 | - { colors: '#ffffff,#ffffff,#236ABE,#FFFFFF,#236ABE,#000000,#236ABE,#BE3410', name: 'StreetEasy' }
165 | - { colors: '#37B449,#2D9A48,#1B5E48,#FFFFFF,#2D9A48,#FFFFFF,#1B5E48,#EB4D5C', name: 'Trulia' }
166 | - { colors: '#319b44,#0047b3,#db3236,#ffff00,#0047B3,#FFFFFF,#FFFF00,#db3236', name: 'N64' }
167 | - { colors: '#173f85,#0072CE,#0072ce,#FFFFFF,#0072CE,#FFFFFF,#FFDA00,#FFDA00', name: 'PlayStation' }
168 | - { colors: '#ffffff,#B1B3B3,#63666a,#FFFFFF,#b1b3b3,#000000,#0072ce,#0072ce', name: 'PlayStation Classic' }
169 | - { colors: '#284589,#3464d4,#FF6600,#FFFFFF,#445970,#FFFFFF,#00C19B,#FF6600', name: 'Nitronews' }
170 | - { colors: '#3396d3,#4c4c4c,#d43f27,#FFFFFF,#3E313C,#FFFFFF,#ffffff,#253c4e', name: 'Pinnaca' }
171 | - { colors: '#34495E,#42B983,#42B983,#FFFFFF,#42B983,#FFFFFF,#FFD41D,#42B983', name: 'Vue.js' }
172 | - { colors: '#21252B,#272C33,#31363F,#D7DAE0,#272C33,#D7DAE0,#20B684,#528BFF', name: 'One Dark' }
173 | - { colors: '#352e59,#2d274f,#0076bf,#FFFFFF,#2D274F,#ffffff,#94E864,#78AF8F', name: 'Purple Daydream' }
174 | - { colors: '#282828,#3c3836,#98971a,#fbf1c7,#3E313C,#EBDBB2,#b8bb26,#fb4934', name: 'Gruvbox Dark' }
175 | - { colors: '#FBF1C7,#EBDBB2,#79740E,#ffffff,#D5C4A1,#3C3836,#8F3F71,#076678', name: 'Gruvbox Light Medium' }
176 | - { colors: '#40415a,#54556e,#f99a66,#ffffff,#54556e,#ffffff,#d55161,#d55161', name: 'devRant' }
177 | - { colors: '#6044db,#500ba3,#f0b31a,#FFFFFF,#997929,#ffffff,#f0b31a,#a92ab0', name: 'Mautic' }
178 | - { colors: '#6fa36f,#3E313C,#01690b,#ffff00,#3E313C,#ffffff,#faff78,#ed687e', name: 'Drupal Twig'}
179 | - { colors: '#014A83,#053354,#dd661e,#ffffff,#053354,#ffffff,#dd661e,#dd661e', name: 'Florida Gators'}
180 | - { colors: '#ff8800,#000000,#ffffff,#000000,#4a5664,#000000,#000000,#736e65', name: 'Halloween'}
181 | - { colors: '#f1f1f1,#DDDDDD,#ff5d02,#FFFFFF,#DDDDDD,#000000,#28a05a,#ff5d02', name: 'Spreadfamily'}
182 | - { colors: '#2C2C26,#229725,#13C217,#FFFFFF,#229725,#FFFFFF,#13C217,#439AEA', name: 'Chargify'}
183 | - { colors: '#194234,#9c2e33,#E7C12e,#194234,#9c2e33,#FFFFFF,#ee6030,#9C2E33', name: 'Autumn'}
184 | - { colors: '#138724,#1B5E48,#db2e3f,#FFFFFF,#2D9A48,#FFFFFF,#1B5E48,#DB2E3F', name: 'Christmas'}
185 | - { colors: '#033313,#077a07,#02ad44,#FFFFFF,#076e27,#FFFFFF,#94E864,#78AF8F', name: 'Forest'}
186 | - { colors: '#263238,#263238,#263238,#64fcda,#546e7a,#eceff1,#40c4ff,#ff5252', name: 'Material'}
187 | - { colors: '#262626,#555555,#0F80AA,#FFFFFF,#555555,#FFFFFF,#99D04A,#DCAF1B', name: 'Librato'}
188 | - { colors: '#353535,#2f2f2f,#8fa876,#ffffff,#8fa876,#ffffff,#818181,#8fa876', name: 'Linux Mint Y Dark'}
189 | - { colors: '#444444,#157477,#e4e4e4,#666666,#888888,#ffffff,#5ae043,#1de2e7', name: 'Nitro Marketing Digital'}
190 | - { colors: '#003554,#073c57,#006494,#FFFFFF,#006494,#FFFFFF,#00A6FB,#EB4D5C', name: 'SQOOL by Unowhy'}
191 | - { colors: '#141422,#259692,#259692,#FFFFFF,#4A5664,#ffffff,#ff8800,#FF8800', name: 'GitKraken'}
192 | - { colors: '#000000,#000000,#7aba20,#FFFFFF,#000000,#FFFFFF,#7aba20,#0088cc', name: 'Symfony'}
193 | - { colors: '#93C4D3,#FFFFFF,#93C4D3,#FFFFFF,#FFFFFF,#173C4C,#66CC33,#173C4C', name: 'Waze'}
194 | - { colors: '#131313,#424242,#424242,#BDC3C7,#424242,#bdc3c7,#2ecc71,#e74c3c', name: 'Zebra'}
195 | - { colors: '#1B1C5B,#1B1C5B,#8E3441,#FFFFFF,#914751,#FFFFFF,#2ACB46,#F5804F', name: 'The Incomparable'}
196 | - { colors: '#333333,#1E2320,#709080,#FFFFFF,#1E2320,#FFFFFF,#F0DFAF,#CC9393', name: 'Dark Zenburn'}
197 | - { colors: '#ebe5da,#d6b498,#c2804a,#ffffff,#b09582,#000000,#009917,#d95b5b', name: 'Latte Time'}
198 | - { colors: '#f4f6f9,#e0e5ee,#d8edff,#0070d2,#e0e5ee,#16325c,#4bca81,#c23934', name: 'Lightning'}
199 | - { colors: '#333333,#2d2d2d,#2d2d2d,#f9f9f9,#2d2d2d,#dedede,#d64937,#d64937', name: 'Numix' }
200 | - { colors: '#ffffee,#f0e0d6,#f0e0d6,#800000,#f0e0d6,#800000,#0000ee,#0000ee', name: 'Yotsuba' }
201 | - { colors: '#eef2ff,#d6daf0,#d6daf0,#000000,#d6daf0,#000000,#34345c,#34345c', name: 'Yotsuba B' }
202 | - { colors: '#1d1f21,#282a2e,#282a2e,#c5c8c6,#282a2e,#c5c8c6,#5f89ac,#5f89ac', name: 'Tomorrow' }
203 | - { colors: '#eeeeee,#dddddd,#dddddd,#333333,#dddddd,#333333,#ff6600,#ff6600', name: 'Photon' }
204 | - { colors: '#7d5bbe,#6441a4,#6441a4,#ffffff,#6441a4,#ffffff,#6441a4,#6441a4', name: 'Twitch' }
205 | - { colors: '#0c84a9,#f67f01,#94C53C,#FFFFFF,#16A1C8,#FFFFFF,#FFFFFF,#94C53C', name: 'CodeMash'}
206 | - { colors: '#373352,#1a123b,#a347b7,#FFFFFF,#1a123b,#d6e0ff,#d15fea,#A347B7', name: 'Smooch.io'}
207 | - { colors: '#8892BF,#4F5B93,#4F5B93,#FFFFFF,#CBCCD4,#FFFFFF,#4F5B93,#F15340', name: 'PHP'}
208 | - { colors: '#324050,#283542,#4b9ad9,#FFFFFF,#283542,#CFD8E5,#3bb594,#EB4D5C', name: 'REDAXO'}
209 | - { colors: '#292929,#252525,#252525,#f5f5f5,#252525,#B5B5B5,#79a548,#c83c3c', name: 'TYPO3'}
210 | - { colors: '#222222,#333333,#444444,#FFFFFF,#333333,#FFFFFF,#38978D,#fc7459', name: 'AWA' }
211 | - { colors: '#042e47,#072333,#072333,#1b9eea,#072333,#FFFFFF,#1b9eea,#1b9eea', name: 'Thinkific'}
212 | - { colors: '#363C74,#000000,#E8D3A2,#363C74,#000000,#FFFFFF,#E8D3A2,#B7A57A', name: 'Washington Huskies'}
213 | - { colors: '#F0F4F8,#39B1DF,#C7EDFC,#000000,#F0F4F8,#000000,#7FBA00,#FF8C00', name: 'Skype'}
214 | - { colors: '#282a36,#2D2D2D,#ff5c57,#ffffff,#515151,#dee1db,#5af78e,#57c7ff', name: 'Snazzy'}
215 | - { colors: '#534d46,#706b63,#7a9c0f,#FFFFFF,#648200,#FFFFFF,#9cbe30,#f3b670', name: 'Ancestry' }
216 | - { colors: '#000000,#A7A8AC,#016F4A,#FFFFFF,#339E7A,#FFFFFF,#339E7A,#016F4A', name: 'Dallas Stars'}
217 | - { colors: '#065a8f,#267aaf,#7DB461,#FFFFFF,#2E3234,#FFFFFF,#7DB461,#215F8B', name: 'MetaFilter'}
218 | - { colors: '#000000,#000000,#355C7D,#ffffff,#222222,#ffffff,#b82601,#EFC000', name: 'newride.tech'}
219 | - { colors: '#2E3440,#3B4252,#88C0D0,#2E3440,#3B4252,#D8DEE9,#A3BE8C,#81A1C1', name: 'Nord'}
220 | - { colors: '#306998,#FFD43B,#FFD43B,#7F7F7F,#5A9FD4,#F4F4F4,#FFE873,#FFD43B', name: 'Python'}
221 | - { colors: '#2B1F32,#FFB86C,#E15D97,#FFFFFF,#4A1386,#FFFFFF,#35BA66,#0AACC5', name: 'Wild Cherry'}
222 | - { colors: '#389196,#C3C0AB,#9FCC3B,#008CB5,#C3C0AB,#FFFFFF,#D90F21,#D90f21', name: 'EMBL'}
223 | - { colors: '#F1F3F5,#DAD8DA,#D3DFE3,#303030,#C2E2ED,#303030,#1682FB,#34C749', name: 'macOs' }
224 | - { colors: '#0B62CD,#1673E6,#78D30A,#ffffff,#1673E6,#ffffff,#78d30a,#D34C4C', name: 'SeatGeek' }
225 | - { colors: '#192532,#263545,#19cd91,#FFFFFF,#263545,#FFFFFF,#19cd91,#f05751', name: 'Contentful' }
226 | - { colors: '#253346,#434f61,#434f61,#FFFFFF,#434f61,#f4f5f7,#44DB5E,#f72951', name: 'Delta' }
227 | - { colors: '#8C1D40,#5C6670,#FFC627,#FFFFFF,#5C6670,#FFFFFF,#94E864,#00A3E0', name: 'Arizona State University' }
228 | - { colors: '#BF5700,#333F48,#FFFFFF,#333F48,#333F48,#FFFFFF,#94E864,#00A3E0', name: 'University Of Texas' }
229 | - { colors: '#342624,#000000,#EC5614,#FFFFFF,#7C7E7C,#FFFFFF,#EC5614,#EC5614', name: 'Cleveland Browns' }
230 | - { colors: '#DEE2E6,#ffffff,#0279f9,#FFFFFF,#ffffff,#37393c,#0279f9,#0279F9', name: 'Ziik.io' }
231 | - { colors: '#FBFBFB,#FBFBFB,#F9C6D6,#5D5759,#8EEADB,#5D5759,#F0A2B8,#F0A2B8', name: 'Kawaii' }
232 | - { colors: '#39434D,#272e35,#F26900,#ffffff,#272E35,#ADBED1,#48B8AD,#F3B200', name: 'frame.ai' }
233 | - { colors: '#0079BF,#026AA7,#5BA4CF,#FFFFFF,#026AA7,#FFFFFF,#61BD4F,#EB5A46', name: 'Trello' }
234 | - { colors: '#6236ba,#56A656,#56a656,#FFFFFF,#56A656,#ffffff,#D0FF00,#889100', name: 'Dobby Purple' }
235 | - { colors: '#36414C,#4D5561,#515C6B,#FFFFFF,#4D5561,#FFFFFF,#B3CAF0,#8097BD', name: 'Metal Blue' }
236 | - { colors: '#f9f9f9,#1BD9C4,#1BD9C4,#094074,#1BD9C4,#308390,#1bd9c4,#DB6668', name: 'WillowTree - Light' }
237 | - { colors: '#308390,#1BD9C4,#1BD9C4,#FFFFFF,#40C1BB,#f0f0f4,#1bd9c4,#DB6668', name: 'WillowTree - Dark' }
238 | - { colors: '#121417,#2F343D,#2F343D,#ABB2BF,#2F343D,#ABB2BF,#98C379,#98C379', name: 'Atom One Dark' }
239 | - { colors: '#333333,#85714D,#85714D,#FFFFFF,#85714D,#FFFFFF,#E31837,#E31837', name: 'Vegas Golden Knights' }
240 | - { colors: '#F4F5F6,#FFFFFF,#9B4DCA,#ffffff,#FFFFFF,#606c76,#9B4DCA,#9B4DCA', name: 'Milligram.io'}
241 | - { colors: '#23232c,#42424D,#007FEB,#fefefe,#42424d,#c2c2ca,#a4bf36,#f74343', name: 'Deezer' }
242 | - { colors: '#333336,#2e2e31,#666668,#ffffff,#277df6,#d7d5d4,#277df6,#277df6', name: 'Mojave Dark Mode Blue' }
243 | # @todo: Handle theme variants more elegantly. Keeping these here until we can do that
244 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#9a57a3,#d7d5d4,#9a57a3,#9a57a3', name: 'Mojave Dark Mode Purple' }
245 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#e55e9c,#d7d5d4,#e55e9c,#e55e9c', name: 'Mojave Dark Mode Pink' }
246 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#ed5f5d,#d7d5d4,#ed5f5d,#ed5f5d', name: 'Mojave Dark Mode Red' }
247 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#e9873a,#d7d5d4,#e9873a,#e9873a', name: 'Mojave Dark Mode Orange' }
248 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#f3b94b,#d7d5d4,#f3b94b,#f3b94b', name: 'Mojave Dark Mode Yellow' }
249 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#78b656,#d7d5d4,#78b656,#78b656', name: 'Mojave Dark Mode Green' }
250 | #- { colors: '#333336,#2e2e31,#666668,#ffffff,#8c8c8c,#d7d5d4,#8c8c8c,#8c8c8c', name: 'Mojave Dark Mode Grey' }
251 | - { colors: '#E3E6EA,#EDEFF1,#D1571C,#FFFFFF,#1DB3C5,#333232,#48B8AD,#D3561A', name: 'beNext' }
252 | - { colors: '#000000,#a8a8a8,#000000,#a6a6a6,#000000,#7d7d7d,#078500,#bf0000', name: 'mishaor' }
253 | - { colors: '#222222,#333333,#9FC65D,#FFFFFF,#4A5664,#F4F4F4,#9FC65D,#ffbc3b', name: 'Inpsyde' }
254 | - { colors: '#2e4f7e,#2C3849,#203251,#FFFFFF,#456494,#FFFFFF,#a6c056,#e9ae4c', name: 'Visual Composer' }
255 | - { colors: '#323232,#E60A00,#E60A00,#FFFFFF,#505050,#F5F5F5,#E64600,#E60A00', name: '360Channel' }
256 | - { colors: '#000639,#3E313C,#108043,#FFFFFF,#173630,#FFFFFF,#50B83C,#9C6ADE', name: 'Shopify' }
257 | - { colors: '#100E0E,#C10800,#FFB400,#FFFFFF,#242121,#FFFFFF,#FF2B22,#FF2B22', name: 'RubyConf' }
258 | - { colors: '#111111,#191919,#EE0055,#FFFFFF,#2E2E2E,#FFFFFF,#FF512F,#FF512F,#111111,#FFFFFF', name: 'ShiftNudge' }
259 |
--------------------------------------------------------------------------------
/lib/color_helpers.rb:
--------------------------------------------------------------------------------
1 | require 'colorist'
2 |
3 | module ColorHelpers
4 | include Colorist
5 |
6 | def mix(color1, color2, ratio)
7 | color1 = Color.from(color1)
8 | color2 = Color.from(color2)
9 | (color1 * (1 - ratio) + color2 * ratio).to_s(:css_rgb)
10 | end
11 |
12 | def rgb(color)
13 | Color.from(color).to_s(:css_rgb)
14 | end
15 |
16 | def rgba(color, alpha)
17 | Color.from(color).tap { |c| c.a = alpha }.to_s(:css_rgba)
18 | end
19 | end
--------------------------------------------------------------------------------
/lib/theme.rb:
--------------------------------------------------------------------------------
1 | require 'json'
2 |
3 | class Theme
4 | attr_reader :name
5 | attr_reader :slug, :digest
6 | attr_reader :column_bg, :menu_bg, :active_item, :active_item_text
7 | attr_reader :hover_item, :text_color, :active_presence, :mention_badge
8 | attr_reader :top_nav_bg, :top_nav_text
9 |
10 | def initialize(name:, colors:)
11 | @name = name
12 | color_values = colors.split(',')
13 | @slug = name.parameterize.underscore
14 | @digest = Digest::MD5.new.hexdigest(colors)
15 | @column_bg = color_values[0]
16 | @menu_bg = color_values[1]
17 | @active_item = color_values[2]
18 | @active_item_text = color_values[3]
19 | @hover_item = color_values[4]
20 | @text_color = color_values[5]
21 | @active_presence = color_values[6]
22 | @mention_badge = color_values[7]
23 | @top_nav_bg = color_values[8] || @menu_bg
24 | @top_nav_text = color_values[9] || @text_color
25 | end
26 |
27 | def colors
28 | {
29 | column_bg: column_bg,
30 | menu_bg: menu_bg,
31 | active_item: active_item,
32 | active_item_text: active_item_text,
33 | hover_item: hover_item,
34 | text_color: text_color,
35 | active_presence: active_presence,
36 | mention_badge: mention_badge,
37 | top_nav_bg: top_nav_bg,
38 | top_nav_text: top_nav_text,
39 | }.to_json
40 | end
41 | # def calculate_top_nav_bg
42 | # text_color = RGB::Color.from_rgb_hex(@text_color)
43 | # column_bg = RGB::Color.from_rgb_hex(@column_bg)
44 | # text_color.mix(column_bg, 25)
45 | # end
46 |
47 | # def calculate_top_nav_text
48 | # Math.min(Math.max(e - t, 0), 255)
49 | # end
50 | end
51 |
--------------------------------------------------------------------------------
/source/CNAME:
--------------------------------------------------------------------------------
1 | slackthemes.net
--------------------------------------------------------------------------------
/source/favicon-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/favicon-32.png
--------------------------------------------------------------------------------
/source/fonts/lato-black-b64f5e4.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/fonts/lato-black-b64f5e4.woff2
--------------------------------------------------------------------------------
/source/fonts/lato-bold-4b1dc11.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/fonts/lato-bold-4b1dc11.woff2
--------------------------------------------------------------------------------
/source/fonts/lato-regular-d9ce515.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/fonts/lato-regular-d9ce515.woff2
--------------------------------------------------------------------------------
/source/fonts/slack-icons-v2-efcc328.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/fonts/slack-icons-v2-efcc328.woff2
--------------------------------------------------------------------------------
/source/images/favicon-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/favicon-32.png
--------------------------------------------------------------------------------
/source/images/hanna.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/hanna.jpg
--------------------------------------------------------------------------------
/source/images/jack.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/jack.jpg
--------------------------------------------------------------------------------
/source/images/jane.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/jane.jpg
--------------------------------------------------------------------------------
/source/images/pied-piper.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/pied-piper.jpg
--------------------------------------------------------------------------------
/source/images/profile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/profile.jpg
--------------------------------------------------------------------------------
/source/images/rubytr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/rubytr.png
--------------------------------------------------------------------------------
/source/images/slackbot.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paracycle/slackthemes/37d4a129726988f3134efeca2657d1587d4fcdd7/source/images/slackbot.jpeg
--------------------------------------------------------------------------------
/source/index.html.erb:
--------------------------------------------------------------------------------
1 | ---
2 | title: Slack Themes
3 | ---
4 |
5 | <% themes.each do |theme| %>
6 |
57 | <% end %>
58 |
--------------------------------------------------------------------------------
/source/javascripts/all.js.erb:
--------------------------------------------------------------------------------
1 | //= require_tree .
2 |
3 | var app = angular.module('theme', ['ui.router']);
4 |
5 | app.config(['$stateProvider', '$urlRouterProvider',
6 | function($stateProvider, $urlRouterProvider) {
7 | $stateProvider
8 | .state('theme', {
9 | url: "/:slug",
10 | controller: 'ThemeController',
11 | params: {
12 | slug: { value: '<%= default_theme.slug %>' }
13 | }
14 | });
15 | $urlRouterProvider.otherwise('/<%= default_theme.slug %>');
16 | }]);
17 |
18 | app.controller('ThemeController', ['$scope', '$stateParams', '$state', '$location',
19 | function($scope, $stateParams, $state, $location) {
20 | $scope.alpha = function(color, alpha) {
21 | if (!color) {
22 | return "";
23 | }
24 | return chroma(color).alpha(alpha).css();
25 | };
26 |
27 | $scope.mix = function(color1, color2, ratio) {
28 | if (!color1 || !color2) {
29 | return "";
30 | }
31 | return chroma.mix(color2, color1, ratio, 'rgb').css();
32 | };
33 |
34 | $scope.add = function(color1, color2) {
35 | if (!color1 || !color2) {
36 | return "";
37 | }
38 | color1 = chroma(color1);
39 | color2 = chroma(color2);
40 |
41 | var color = color1.set('rgb.r', color1.get('rgb.r') + color2.get('rgb.r'))
42 | color = color.set('rgb.g', color1.get('rgb.g') + color2.get('rgb.g'))
43 | color = color.set('rgb.b', color1.get('rgb.b') + color2.get('rgb.b'))
44 |
45 | return color.css();
46 | };
47 |
48 | $scope.sub = function(color1, color2) {
49 | if (!color1 || !color2) {
50 | return "";
51 | }
52 | color1 = chroma(color1);
53 | color2 = chroma(color2);
54 |
55 | var color = color1.set('rgb.r', color1.get('rgb.r') - color2.get('rgb.r'))
56 | color = color.set('rgb.g', color1.get('rgb.g') - color2.get('rgb.g'))
57 | color = color.set('rgb.b', color1.get('rgb.b') - color2.get('rgb.b'))
58 |
59 | return color.css();
60 | };
61 |
62 | $scope.$on('$stateChangeSuccess', function() {
63 | $scope.slug = $stateParams.slug;
64 | });
65 |
66 | $scope.$watch('slug', function(slug) {
67 | if (!slug) {
68 | return;
69 | }
70 | if (slug === 'custom') {
71 | var colors = $location.hash().split(',').map(function(part) {
72 | return '#' + part;
73 | })
74 |
75 | $scope.colors = {
76 | column_bg: colors[0],
77 | menu_bg: colors[1],
78 | active_item: colors[2],
79 | active_item_text: colors[3],
80 | hover_item: colors[4],
81 | text_color: colors[5],
82 | active_presence: colors[6],
83 | mention_badge: colors[7],
84 | top_nav_bg: colors[8] || colors[1],
85 | top_nav_text: colors[9] || colors[5]
86 | }
87 |
88 | return;
89 | }
90 | element = document.getElementById($scope.slug);
91 | $scope.colors = JSON.parse(element.dataset.colors);
92 | $state.go('theme', { slug: slug });
93 | element.scrollIntoView({block: 'center', inline: 'nearest'});
94 | });
95 |
96 | $scope.$watch('colors', function(colors) {
97 | if (!colors) {
98 | return;
99 | }
100 | $scope.column_bg = colors.column_bg;
101 | $scope.menu_bg = colors.menu_bg;
102 | $scope.active_item = colors.active_item;
103 | $scope.active_item_text = colors.active_item_text;
104 | $scope.hover_item = colors.hover_item;
105 | $scope.text_color = colors.text_color;
106 | $scope.active_presence = colors.active_presence;
107 | $scope.mention_badge = colors.mention_badge;
108 | $scope.top_nav_bg = colors.top_nav_bg;
109 | $scope.top_nav_text = colors.top_nav_text;
110 |
111 | $scope.color_string = [
112 | colors.column_bg,
113 | colors.menu_bg,
114 | colors.active_item,
115 | colors.active_item_text,
116 | colors.hover_item,
117 | colors.text_color,
118 | colors.active_presence,
119 | colors.mention_badge,
120 | colors.top_nav_bg,
121 | colors.top_nav_text
122 | ].join(",");
123 |
124 | function updateHash() {
125 | $location.hash(
126 | [
127 | colors.column_bg,
128 | colors.menu_bg,
129 | colors.active_item,
130 | colors.active_item_text,
131 | colors.hover_item,
132 | colors.text_color,
133 | colors.active_presence,
134 | colors.mention_badge,
135 | colors.top_nav_bg,
136 | colors.top_nav_text
137 | ].map(function(part) {
138 | return part.replace('#', '');
139 | })
140 | );
141 | }
142 |
143 | if ($scope.slug === 'custom') {
144 | updateHash();
145 | } else if (JSON.stringify(colors) !== document.getElementById($scope.slug).dataset.colors) {
146 | $state.go('theme', { slug: 'custom' }).then(updateHash);
147 | }
148 | });
149 |
150 | $scope.copyColors = function() {
151 | clipboard.write($scope.color_string);
152 | }
153 | }]);
154 |
--------------------------------------------------------------------------------
/source/layouts/layout.erb:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Slack Themes
11 |
12 |
13 |
14 |
15 |
16 |
17 | <%= stylesheet_link_tag "client-boot-styles.13a0cc6.css" %>
18 | <%= stylesheet_link_tag "slack-kit-styles.a483c72.css" %>
19 | <%= stylesheet_link_tag "helper-styles.1ca91f7.css" %>
20 |
21 |
22 |
23 |
24 |
25 | <%= javascript_include_tag "all" %>
26 |
27 |
28 |
29 |
30 |
31 |
32 |
35 |
36 |
37 |
1920 |
1921 |
1922 |
1923 |
1974 |
1975 |
1976 |
1977 |
--------------------------------------------------------------------------------
/source/stylesheets/helper-styles.1ca91f7.css:
--------------------------------------------------------------------------------
1 | .micro{font-size:12px;line-height:1.50001;font-weight:400}.caption{font-size:13px;line-height:1.38463}.caption,.normal{font-weight:400}.black{font-weight:900}.bold{font-weight:700}.italic{font-style:italic}.underline{text-decoration:underline}.no_underline{text-decoration:none}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.break_all{word-break:break-all}.break_word{word-wrap:break-word}.no_wrap{white-space:nowrap}.code_wrap,.pre_wrap{white-space:pre;word-wrap:break-word}.pre_wrap{white-space:pre-wrap;word-break:normal}.normal_wrap{white-space:normal}.cjk_wrap{display:inline-block;white-space:nowrap}.copy_only{display:-moz-inline-box;display:inline-block;vertical-align:baseline;*vertical-align:auto;*zoom:0;*display:inline;width:1px;height:0;background-size:0;background-repeat:no-repeat;font-size:0;color:transparent;float:left;text-rendering:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.float_left{float:left}.float_right{float:right}.float_none{float:none}.clear_left{clear:left}.clear_right{clear:right}.clear_both{clear:both}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.position_relative{position:relative}.position_fixed{position:fixed}.position_absolute{position:absolute}.position_absolute_top{position:absolute;top:0}.position_absolute_right{position:absolute;right:0}.position_absolute_bottom{position:absolute;bottom:0}.position_absolute_left{position:absolute;left:0}.offscreen{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block{display:block}.inline_block{display:inline-block}.inline_flex{display:inline-flex}.inline{display:inline}.display_none{display:none}.border_box{box-sizing:border-box}.content_box{box-sizing:content-box}.align_left{text-align:left}.align_center{text-align:center}.align_right{text-align:right}.align_top{vertical-align:top}.align_middle{vertical-align:middle}.align_bottom{vertical-align:bottom}.align_text_bottom{vertical-align:text-bottom}.full_width{width:100%;max-width:100%}.half_width{width:50%;max-width:50%;margin-left:auto;margin-right:auto}.full_height{height:100%}.full_max_width{max-width:100%}.no_max_width{max-width:none}.no_min_width{min-width:0}.no_min_height{min-height:0}.auto_width{width:auto}.cursor_default{cursor:default}.cursor_pointer{cursor:pointer}.margin_0{margin:0}.margin_25{margin:4px}.margin_50{margin:8px}.margin_75{margin:12px}.margin_100{margin:16px}.margin_125{margin:20px}.margin_150{margin:24px}.margin_175{margin:28px}.margin_200{margin:32px}.margin_250{margin:40px}.margin_300{margin:48px}.margin_400{margin:64px}.margin_500{margin:80px}.margin_600{margin:96px}.margin_top_0{margin-top:0}.margin_top_25{margin-top:4px}.margin_top_50{margin-top:8px}.margin_top_75{margin-top:12px}.margin_top_100{margin-top:16px}.margin_top_125{margin-top:20px}.margin_top_150{margin-top:24px}.margin_top_175{margin-top:28px}.margin_top_200{margin-top:32px}.margin_top_250{margin-top:40px}.margin_top_300{margin-top:48px}.margin_top_400{margin-top:64px}.margin_top_500{margin-top:80px}.margin_top_600{margin-top:96px}.margin_right_0{margin-right:0}.margin_right_25{margin-right:4px}.margin_right_50{margin-right:8px}.margin_right_75{margin-right:12px}.margin_right_100{margin-right:16px}.margin_right_125{margin-right:20px}.margin_right_150{margin-right:24px}.margin_right_175{margin-right:28px}.margin_right_200{margin-right:32px}.margin_right_250{margin-right:40px}.margin_right_300{margin-right:48px}.margin_right_400{margin-right:64px}.margin_right_500{margin-right:80px}.margin_right_600{margin-right:96px}.margin_bottom_0{margin-bottom:0}.margin_bottom_25{margin-bottom:4px}.margin_bottom_50{margin-bottom:8px}.margin_bottom_75{margin-bottom:12px}.margin_bottom_100{margin-bottom:16px}.margin_bottom_125{margin-bottom:20px}.margin_bottom_150{margin-bottom:24px}.margin_bottom_175{margin-bottom:28px}.margin_bottom_200{margin-bottom:32px}.margin_bottom_250{margin-bottom:40px}.margin_bottom_300{margin-bottom:48px}.margin_bottom_400{margin-bottom:64px}.margin_bottom_500{margin-bottom:80px}.margin_bottom_600{margin-bottom:96px}.margin_left_0{margin-left:0}.margin_left_25{margin-left:4px}.margin_left_50{margin-left:8px}.margin_left_75{margin-left:12px}.margin_left_100{margin-left:16px}.margin_left_125{margin-left:20px}.margin_left_150{margin-left:24px}.margin_left_175{margin-left:28px}.margin_left_200{margin-left:32px}.margin_left_250{margin-left:40px}.margin_left_300{margin-left:48px}.margin_left_400{margin-left:64px}.margin_left_500{margin-left:80px}.margin_left_600{margin-left:96px}.padding_0{padding:0}.padding_25{padding:4px}.padding_50{padding:8px}.padding_75{padding:12px}.padding_100{padding:16px}.padding_125{padding:20px}.padding_150{padding:24px}.padding_175{padding:28px}.padding_200{padding:32px}.padding_250{padding:40px}.padding_300{padding:48px}.padding_400{padding:64px}.padding_500{padding:80px}.padding_600{padding:96px}.padding_top_0{padding-top:0}.padding_top_25{padding-top:4px}.padding_top_50{padding-top:8px}.padding_top_75{padding-top:12px}.padding_top_100{padding-top:16px}.padding_top_125{padding-top:20px}.padding_top_150{padding-top:24px}.padding_top_175{padding-top:28px}.padding_top_200{padding-top:32px}.padding_top_250{padding-top:40px}.padding_top_300{padding-top:48px}.padding_top_400{padding-top:64px}.padding_top_500{padding-top:80px}.padding_top_600{padding-top:96px}.padding_right_0{padding-right:0}.padding_right_25{padding-right:4px}.padding_right_50{padding-right:8px}.padding_right_75{padding-right:12px}.padding_right_100{padding-right:16px}.padding_right_125{padding-right:20px}.padding_right_150{padding-right:24px}.padding_right_175{padding-right:28px}.padding_right_200{padding-right:32px}.padding_right_250{padding-right:40px}.padding_right_300{padding-right:48px}.padding_right_400{padding-right:64px}.padding_right_500{padding-right:80px}.padding_right_600{padding-right:96px}.padding_bottom_0{padding-bottom:0}.padding_bottom_25{padding-bottom:4px}.padding_bottom_50{padding-bottom:8px}.padding_bottom_75{padding-bottom:12px}.padding_bottom_100{padding-bottom:16px}.padding_bottom_125{padding-bottom:20px}.padding_bottom_150{padding-bottom:24px}.padding_bottom_175{padding-bottom:28px}.padding_bottom_200{padding-bottom:32px}.padding_bottom_250{padding-bottom:40px}.padding_bottom_300{padding-bottom:48px}.padding_bottom_400{padding-bottom:64px}.padding_bottom_500{padding-bottom:80px}.padding_bottom_600{padding-bottom:96px}.padding_left_0{padding-left:0}.padding_left_25{padding-left:4px}.padding_left_50{padding-left:8px}.padding_left_75{padding-left:12px}.padding_left_100{padding-left:16px}.padding_left_125{padding-left:20px}.padding_left_150{padding-left:24px}.padding_left_175{padding-left:28px}.padding_left_200{padding-left:32px}.padding_left_250{padding-left:40px}.padding_left_300{padding-left:48px}.padding_left_400{padding-left:64px}.padding_left_500{padding-left:80px}.padding_left_600{padding-left:96px}.no_border{border:none}.no_border_top{border-top:none}.no_border_bottom{border-bottom:none}.no_border_left{border-left:none}.no_border_right{border-right:none}.bordered{--saf-0:rgba(var(--sk_foreground_low,29,28,29),0.13);border:1px solid var(--saf-0)}.border_top{border-top:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.border_right{border-right:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.border_bottom{border-bottom:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.border_left{border-left:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.inner_shadow{box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.4)}.hidden{display:none}.hidden,.invisible{visibility:hidden}.no_opacity{opacity:0}.half_opacity{opacity:.5}.display_flex{display:flex}.align_items_center{align-items:center}.align_items_baseline{align-items:baseline}.align_items_start{align-items:flex-start}.align_items_end{align-items:flex-end}.align_self_center{align-self:center}.align_self_start{align-self:flex-start}.align_self_end{align-self:flex-end}.align_self_stretch{align-self:stretch}.justify_content_center{justify-content:center}.justify_content_around{justify-content:space-around}.justify_content_between{justify-content:space-between}.justify_content_start{justify-content:flex-start}.justify_content_end{justify-content:flex-end}.flex_direction_column{flex-direction:column}.flex_direction_row_reverse{flex-direction:row-reverse}.flex_none{flex:none}.flex_one{flex:1}.flex_wrap{flex-wrap:wrap}.flex_nowrap{flex-wrap:nowrap}.flex_shrink_none{flex-shrink:0}.nudge_bottom_1,.nudge_bottom_2,.nudge_bottom_3,.nudge_left_1,.nudge_left_2,.nudge_left_3,.nudge_right_1,.nudge_right_2,.nudge_right_3,.nudge_top_1,.nudge_top_2,.nudge_top_3{position:relative}.nudge_top_1{top:1px}.nudge_top_2{top:2px}.nudge_top_3{top:3px}.nudge_right_1{right:1px}.nudge_right_2{right:2px}.nudge_right_3{right:3px}.nudge_bottom_1{bottom:1px}.nudge_bottom_2{bottom:2px}.nudge_bottom_3{bottom:3px}.nudge_left_1{left:1px}.nudge_left_2{left:2px}.nudge_left_3{left:3px}.overflow_hidden{overflow:hidden}.overflow_visible{overflow:visible}.overflow_x_scroll{overflow-x:scroll}.overflow_y_scroll{overflow-y:scroll}.overflow_ellipsis{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.no_bullets{list-style-type:none}.rounded{border-radius:2px}.c-highlight{animation:c-highlight 3s ease 0s 1 normal none}@keyframes c-highlight{0%{background:rgba(242,199,68,.2)}to{background:rgba(var(--sk_primary_background,255,255,255),1)}}.elevation_1{box-shadow:0 0 0 1px var(--saf-0),0 1px 3px 0 rgba(0,0,0,.08)}.elevation_1,.elevation_2{--saf-0:rgba(var(--sk_foreground_low,29,28,29),0.13)}.elevation_2{box-shadow:0 0 0 1px var(--saf-0),0 4px 12px 0 rgba(0,0,0,.08)}.elevation_3{--saf-0:rgba(var(--sk_foreground_low,29,28,29),0.13);box-shadow:0 0 0 1px var(--saf-0),0 18px 48px 0 rgba(0,0,0,.08)}.transparent{color:transparent}.transparent_bg{background-color:transparent}.sk_black,.sk_primary_foreground{color:rgba(var(--sk_primary_foreground,29,28,29),1)}.sk_primary_foreground_bg{background-color:rgba(var(--sk_primary_foreground,29,28,29),1)}.sk_primary_background,.sk_primary_background_bg,.sk_white_bg{background-color:rgba(var(--sk_primary_background,255,255,255),1)}.sk_inverted_foreground,.sk_white{color:rgba(var(--sk_inverted_foreground,255,255,255),1)}.sk_inverted_foreground_bg{background-color:rgba(var(--sk_inverted_foreground,255,255,255),1)}.sk_black_bg,.sk_inverted_background,.sk_inverted_background_bg{background-color:rgba(var(--sk_inverted_background,29,28,29),1)}.sk_foreground_max{color:rgba(var(--sk_foreground_max,29,28,29),.7)}.sk_foreground_max_bg{background-color:rgba(var(--sk_foreground_max,29,28,29),.7)}.sk_dark_gray,.sk_dark_grey,.sk_foreground_max_solid{color:rgba(var(--sk_foreground_max_solid,97,96,97),1)}.sk_dark_gray_bg,.sk_dark_grey_bg,.sk_foreground_max_solid_bg{background-color:rgba(var(--sk_foreground_max_solid,97,96,97),1)}.sk_foreground_high{color:rgba(var(--sk_foreground_high,29,28,29),.5)}.sk_foreground_high_bg{background-color:rgba(var(--sk_foreground_high,29,28,29),.5)}.sk_foreground_high_solid,.sk_light_gray,.sk_light_grey{color:rgba(var(--sk_foreground_high_solid,134,134,134),1)}.sk_foreground_high_solid_bg,.sk_light_gray_bg,.sk_light_grey_bg{background-color:rgba(var(--sk_foreground_high_solid,134,134,134),1)}.sk_foreground_low{color:rgba(var(--sk_foreground_low,29,28,29),.13)}.sk_foreground_low_bg{background-color:rgba(var(--sk_foreground_low,29,28,29),.13)}.sk_foreground_low_solid,.sk_soft_gray,.sk_soft_grey{color:rgba(var(--sk_foreground_low_solid,221,221,221),1)}.sk_foreground_low_solid_bg,.sk_soft_gray_bg,.sk_soft_grey_bg{background-color:rgba(var(--sk_foreground_low_solid,221,221,221),1)}.sk_foreground_min{color:rgba(var(--sk_foreground_min,29,28,29),.04)}.sk_foreground_min_bg{background-color:rgba(var(--sk_foreground_min,29,28,29),.04)}.sk_foreground_min_solid,.sk_off_white{color:rgba(var(--sk_foreground_min_solid,248,248,248),1)}.sk_foreground_min_solid_bg,.sk_off_white_bg{background-color:rgba(var(--sk_foreground_min_solid,248,248,248),1)}.sk_white_always{color:#fff}.sk_black_always{color:#1d1c1d}.sk_dark_gray_always{color:#616061}.sk_light_gray_always{color:#868686}.sk_soft_gray_always{color:#ddd}.sk_off_white_always{color:#f8f8f8}.sk_highlight{color:rgba(var(--sk_highlight,18,100,163),1)}.sk_highlight_bg{background-color:rgba(var(--sk_highlight,18,100,163),1)}.sk_highlight_hover{color:rgba(var(--sk_highlight_hover,11,76,140),1)}.sk_highlight_hover_bg{background-color:rgba(var(--sk_highlight_hover,11,76,140),1)}.sk_highlight_accent{color:rgba(var(--sk_highlight_accent,29,155,209),1)}.sk_highlight_accent_bg{background-color:rgba(var(--sk_highlight_accent,29,155,209),1)}.sk_secondary_highlight{color:rgba(var(--sk_secondary_highlight,242,199,68),1)}.sk_secondary_highlight_bg{background-color:rgba(var(--sk_secondary_highlight,242,199,68),1)}.sk_aubergine{color:#4a154b}.sk_aubergine_bg{background-color:#4a154b}.sk_just_orange{color:#e8912d}.sk_just_orange_bg{background-color:#e8912d}.sk_reddish_orange{color:#de4e2b}.sk_reddish_orange_bg{background-color:#de4e2b}.sk_sapphire_blue{color:#1264a3}.sk_sapphire_blue_bg{background-color:#1264a3}.sk_indigo{color:#0b4c8c}.sk_indigo_bg{background-color:#0b4c8c}.sk_sky_blue{color:#1d9bd1}.sk_sky_blue_bg{background-color:#1d9bd1}.sk_frosty_blue{color:#e8f5fa}.sk_frosty_blue_bg{background-color:#e8f5fa}.sk_raspberry_red{color:#e01e5a}.sk_raspberry_red_bg{background-color:#e01e5a}.sk_sunshine_yellow{color:#f2c744}.sk_sunshine_yellow_bg{background-color:#f2c744}.sk_pale_yellow{color:#fcf4da}.sk_pale_yellow_bg{background-color:#fcf4da}.sk_lilypad_green{color:#007a5a}.sk_lilypad_green_bg{background-color:#007a5a}.sk_warning_red{color:#e01e5a}.i18n_wordwrap{display:inline-block}.top_border{border-top:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.right_border{border-right:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.bottom_border{border-bottom:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.left_border{border-left:1px solid rgba(var(--sk_foreground_low,29,28,29),.13)}.no_margin{margin:0}.very_small_margin{margin:4px}.small_margin{margin:8px}.normal_margin{margin:16px}.very_large_margin{margin:32px}.huge_margin{margin:48px}.no_top_margin{margin-top:0}.no_bottom_margin{margin-bottom:0}.no_left_margin{margin-left:0}.no_right_margin{margin-right:0}.tiny_top_margin{margin-top:1.6px}.tiny_left_margin{margin-left:1.6px}.tiny_right_margin{margin-right:1.6px}.tiny_bottom_margin{margin-bottom:1.6px}.very_small_top_margin{margin-top:4px}.very_small_bottom_margin{margin-bottom:4px}.very_small_left_margin{margin-left:4px}.very_small_right_margin{margin-right:4px}.small_top_margin{margin-top:8px}.small_bottom_margin{margin-bottom:8px}.small_left_margin{margin-left:8px}.small_right_margin{margin-right:8px}.top_margin{margin-top:16px}.bottom_margin{margin-bottom:16px}.left_margin{margin-left:16px}.right_margin{margin-right:16px}.large_top_margin{margin-top:24px}.large_bottom_margin{margin-bottom:24px}.large_left_margin{margin-left:24px}.large_right_margin{margin-right:24px}.very_large_top_margin{margin-top:32px}.very_large_bottom_margin{margin-bottom:32px}.very_large_left_margin{margin-left:32px}.very_large_right_margin{margin-right:32px}.huge_top_margin{margin-top:48px}.huge_bottom_margin{margin-bottom:48px}.huge_left_margin{margin-left:48px}.huge_right_margin{margin-right:48px}.margin_auto{margin-right:auto}.auto_left_margin,.margin_auto{margin-left:auto}.auto_right_margin{margin-right:auto}.no_padding{padding:0}.very_small_padding{padding:4px}.small_padding{padding:8px}.normal_padding{padding:16px}.large_padding{padding:24px}.very_large_padding{padding:32px}.huge_padding{padding:48px}.no_top_padding{padding-top:0}.no_bottom_padding{padding-bottom:0}.no_left_padding{padding-left:0}.no_right_padding{padding-right:0}.very_small_top_padding{padding-top:4px}.very_small_bottom_padding{padding-bottom:4px}.very_small_left_padding{padding-left:4px}.very_small_right_padding{padding-right:4px}.small_top_padding{padding-top:8px}.small_bottom_padding{padding-bottom:8px}.small_left_padding{padding-left:8px}.small_right_padding{padding-right:8px}.top_padding{padding-top:16px}.bottom_padding{padding-bottom:16px}.left_padding{padding-left:16px}.right_padding{padding-right:16px}.large_top_padding{padding-top:24px}.large_bottom_padding{padding-bottom:24px}.large_left_padding{padding-left:24px}.large_right_padding{padding-right:24px}.very_large_top_padding{padding-top:32px}.very_large_bottom_padding{padding-bottom:32px}.very_large_left_padding{padding-left:32px}.very_large_right_padding{padding-right:32px}.huge_top_padding{padding-top:48px}.huge_bottom_padding{padding-bottom:48px}.huge_left_padding{padding-left:48px}.huge_right_padding{padding-right:48px}.cache_buster_9000{font-weight:400}
--------------------------------------------------------------------------------
/source/stylesheets/libs/lato-1.css:
--------------------------------------------------------------------------------
1 | @font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('☺'),url(/fonts/lato-1/lato-light.woff) format('woff')}
2 | @font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('☺'),url(/fonts/lato-1/lato-regular.woff) format('woff')}
3 | @font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('☺'),url(/fonts/lato-1/lato-bold.woff) format('woff')}
4 | @font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('☺'),url(/fonts/lato-1/lato-black.woff) format('woff')}
5 | @font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('☺'),url(/fonts/lato-1/lato-italic-light.woff) format('woff')}
6 | @font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('☺'),url(/fonts/lato-1/lato-italic.woff) format('woff')}
7 | @font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('☺'),url(/fonts/lato-1/lato-italic-bold.woff) format('woff')}
8 | @font-face{font-family:'Lato';font-style:italic;font-weight:900;src:local('☺'),url(/fonts/lato-1/lato-italic-black.woff) format('woff')}
--------------------------------------------------------------------------------
/source/stylesheets/slack-kit-styles.a483c72.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: Slack-Lato;
3 | font-style: normal;
4 | font-weight: 300;
5 | src: local("\263A"), url(/fonts/lato-light-0b50f74.woff2) format("woff2"), url(/fonts/lato-light-1475c14.woff) format("woff");
6 | unicode-range: U+0000-f8fe, U+f900-ffff
7 | }
8 |
9 | @font-face {
10 | font-family: Slack-Lato;
11 | font-style: normal;
12 | font-weight: 400;
13 | src: local("\263A"), url(/fonts/lato-regular-d9ce515.woff2) format("woff2"), url(/fonts/lato-regular-ea6d1e4.woff) format("woff");
14 | unicode-range: U+0000-f8fe, U+f900-ffff
15 | }
16 |
17 | @font-face {
18 | font-family: Slack-Lato;
19 | font-style: normal;
20 | font-weight: 700;
21 | src: local("\263A"), url(/fonts/lato-bold-4b1dc11.woff2) format("woff2"), url(/fonts/lato-bold-a532381.woff) format("woff");
22 | unicode-range: U+0000-f8fe, U+f900-ffff
23 | }
24 |
25 | @font-face {
26 | font-family: Slack-Lato;
27 | font-style: normal;
28 | font-weight: 900;
29 | src: local("\263A"), url(/fonts/lato-black-b64f5e4.woff2) format("woff2"), url(/fonts/lato-black-8857ce8.woff) format("woff");
30 | unicode-range: U+0000-f8fe, U+f900-ffff
31 | }
32 |
33 | @font-face {
34 | font-family: Slack-Lato;
35 | font-style: italic;
36 | font-weight: 300;
37 | src: local("\263A"), url(/fonts/lato-italic-light-c593311.woff2) format("woff2"), url(/fonts/lato-italic-light-354fb58.woff) format("woff");
38 | unicode-range: U+0000-2259, U+2261-f8fe, U+f900-ffff
39 | }
40 |
41 | @font-face {
42 | font-family: Slack-Lato;
43 | font-style: italic;
44 | font-weight: 400;
45 | src: local("\263A"), url(/fonts/lato-italic-5bbcd6c.woff2) format("woff2"), url(/fonts/lato-italic-d5261ac.woff) format("woff");
46 | unicode-range: U+0000-2259, U+2261-f8fe, U+f900-ffff
47 | }
48 |
49 | @font-face {
50 | font-family: Slack-Lato;
51 | font-style: italic;
52 | font-weight: 700;
53 | src: local("\263A"), url(/fonts/lato-italic-bold-99def7d.woff2) format("woff2"), url(/fonts/lato-italic-bold-2187a11.woff) format("woff");
54 | unicode-range: U+0000-2259, U+2261-f8fe, U+f900-ffff
55 | }
56 |
57 | @font-face {
58 | font-family: Slack-Lato;
59 | font-style: italic;
60 | font-weight: 900;
61 | src: local("\263A"), url(/fonts/lato-italic-black-04aca50.woff2) format("woff2"), url(/fonts/lato-italic-black-23c1971.woff) format("woff");
62 | unicode-range: U+0000-2259, U+2261-f8fe, U+f900-ffff
63 | }
64 |
65 | @font-face {
66 | font-family: NotoSansJP;
67 | font-style: normal;
68 | font-weight: 400;
69 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Regular.min-5096b76.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Regular.min-ecc316e.woff) format("woff");
70 | unicode-range: U+3000-303f, U+3040-309f, U+30a0-30ff, U+31f?, U+ff00-ffef, U+00a0, U+4e00-9f62
71 | }
72 |
73 | @font-face {
74 | font-family: NotoSansJP;
75 | font-style: normal;
76 | font-weight: 700;
77 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Bold.min-7f00be9.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Bold.min-19155cc.woff) format("woff");
78 | unicode-range: U+3000-303f, U+3040-309f, U+30a0-30ff, U+31f?, U+ff00-ffef, U+00a0, U+4e00-9f62
79 | }
80 |
81 | @font-face {
82 | font-family: NotoSansJP;
83 | font-style: normal;
84 | font-weight: 900;
85 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Bold.min-7f00be9.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansJP-Bold.min-19155cc.woff) format("woff");
86 | unicode-range: U+3000-303f, U+3040-309f, U+30a0-30ff, U+31f?, U+ff00-ffef, U+00a0, U+4e00-9f62
87 | }
88 |
89 | @font-face {
90 | font-family: Slack-Larsseit;
91 | font-style: normal;
92 | font-weight: 700;
93 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/larsseit-bold-0b91251.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/larsseit-bold-12559a0.woff) format("woff");
94 | unicode-range: U+0000-f8fe, U+f900-ffff
95 | }
96 |
97 | @font-face {
98 | font-family: Slack-Larsseit;
99 | font-style: normal;
100 | font-weight: 400;
101 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/larsseit-regular-abd63de.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/larsseit-regular-7f630eb.woff) format("woff");
102 | unicode-range: U+0000-f8fe, U+f900-ffff
103 | }
104 |
105 | @font-face {
106 | font-family: NotoSansKR;
107 | font-style: normal;
108 | font-weight: 400;
109 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Regular.min-4e707f2.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Regular.min-ca46004.woff) format("woff")
110 | }
111 |
112 | @font-face {
113 | font-family: NotoSansKR;
114 | font-style: normal;
115 | font-weight: 700;
116 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Bold.min-0655fd8.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Bold.min-c88a76d.woff) format("woff")
117 | }
118 |
119 | @font-face {
120 | font-family: NotoSansKR;
121 | font-style: normal;
122 | font-weight: 900;
123 | src: local("\263A"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Bold.min-0655fd8.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/NotoSansKR-Bold.min-c88a76d.woff) format("woff")
124 | }
125 |
126 | @font-face {
127 | font-family: OpenDyslexic;
128 | font-style: normal;
129 | font-weight: 400;
130 | src: local("OpenDyslexic"), local("OpenDyslexic-Regular"), url(https://a.slack-edge.com/bv1-9/OpenDyslexic-Regular-be1e667.otf) format("opentype")
131 | }
132 |
133 | @font-face {
134 | font-family: OpenDyslexic;
135 | font-style: italic;
136 | font-weight: 400;
137 | src: local("OpenDyslexic-Italic"), url(https://a.slack-edge.com/bv1-9/OpenDyslexic-Italic-3718dfd.otf) format("opentype")
138 | }
139 |
140 | @font-face {
141 | font-family: OpenDyslexic;
142 | font-style: normal;
143 | font-weight: 700;
144 | src: local("OpenDyslexic-Bold"), url(https://a.slack-edge.com/bv1-9/OpenDyslexic-Bold-fbcbf44.otf) format("opentype")
145 | }
146 |
147 | @font-face {
148 | font-family: OpenDyslexic;
149 | font-style: italic;
150 | font-weight: 700;
151 | src: local("OpenDyslexic-BoldItalic"), url(https://a.slack-edge.com/bv1-9/OpenDyslexic-BoldItalic-dde9c61.otf) format("opentype")
152 | }
153 |
154 | blockquote,
155 | body,
156 | caption,
157 | dd,
158 | dl,
159 | fieldset,
160 | figure,
161 | form,
162 | h1,
163 | h2,
164 | h3,
165 | h4,
166 | h5,
167 | h6,
168 | hr,
169 | legend,
170 | ol,
171 | p,
172 | pre,
173 | table,
174 | td,
175 | th,
176 | ul {
177 | margin: 0;
178 | padding: 0
179 | }
180 |
181 | h1,
182 | h2,
183 | h3,
184 | h4,
185 | h5,
186 | h6 {
187 | font-weight: 400
188 | }
189 |
190 | ol,
191 | ul {
192 | list-style-type: none
193 | }
194 |
195 | .sk-client-theme--light {
196 | --sk_primary_foreground: 29, 28, 29;
197 | --sk_primary_background: 255, 255, 255;
198 | --sk_inverted_foreground: 255, 255, 255;
199 | --sk_inverted_background: 29, 28, 29;
200 | --sk_foreground_max: 29, 28, 29;
201 | --sk_foreground_high: 29, 28, 29;
202 | --sk_foreground_low: 29, 28, 29;
203 | --sk_foreground_min: 29, 28, 29;
204 | --sk_foreground_max_solid: 97, 96, 97;
205 | --sk_foreground_high_solid: 134, 134, 134;
206 | --sk_foreground_low_solid: 221, 221, 221;
207 | --sk_foreground_min_solid: 248, 248, 248;
208 | --sk_highlight: 18, 100, 163;
209 | --sk_highlight_hover: 11, 76, 140
210 | }
211 |
212 | .sk-client-theme--dark,
213 | .sk-client-theme--light {
214 | --sk_highlight_accent: 29, 155, 209;
215 | --sk_secondary_highlight: 242, 199, 68
216 | }
217 |
218 | .sk-client-theme--dark {
219 | --sk_primary_foreground: 209, 210, 211;
220 | --sk_primary_background: 26, 29, 33;
221 | --sk_inverted_foreground: 26, 29, 33;
222 | --sk_inverted_background: 209, 210, 211;
223 | --sk_foreground_max: 232, 232, 232;
224 | --sk_foreground_high: 232, 232, 232;
225 | --sk_foreground_low: 232, 232, 232;
226 | --sk_foreground_min: 232, 232, 232;
227 | --sk_foreground_max_solid: 171, 171, 173;
228 | --sk_foreground_high_solid: 129, 131, 133;
229 | --sk_foreground_low_solid: 53, 55, 59;
230 | --sk_foreground_min_solid: 34, 37, 41;
231 | --sk_highlight: 29, 155, 209;
232 | --sk_highlight_hover: 29, 155, 209
233 | }
234 |
235 | .sk-client-theme--dark ::-moz-selection {
236 | background-color: #9a9c9e
237 | }
238 |
239 | .sk-client-theme--dark ::selection {
240 | background-color: #9a9c9e
241 | }
242 |
243 | .sk-client-theme--dark ::-moz-selection {
244 | background-color: #9a9c9e
245 | }
246 |
247 | @media print {
248 | .sk-client-theme--dark {
249 | --sk_primary_foreground: 29, 28, 29;
250 | --sk_primary_background: 255, 255, 255;
251 | --sk_inverted_foreground: 255, 255, 255;
252 | --sk_inverted_background: 29, 28, 29;
253 | --sk_foreground_max: 29, 28, 29;
254 | --sk_foreground_high: 29, 28, 29;
255 | --sk_foreground_low: 29, 28, 29;
256 | --sk_foreground_min: 29, 28, 29;
257 | --sk_foreground_max_solid: 97, 96, 97;
258 | --sk_foreground_high_solid: 134, 134, 134;
259 | --sk_foreground_low_solid: 221, 221, 221;
260 | --sk_foreground_min_solid: 248, 248, 248;
261 | --sk_highlight: 18, 100, 163;
262 | --sk_highlight_hover: 11, 76, 140;
263 | --sk_highlight_accent: 29, 155, 209;
264 | --sk_secondary_highlight: 242, 199, 68
265 | }
266 | }
267 |
268 | body,
269 | html {
270 | box-sizing: border-box;
271 | width: 100%
272 | }
273 |
274 | *,
275 | :after,
276 | :before {
277 | box-sizing: inherit
278 | }
279 |
280 | body {
281 | font-size: 15px;
282 | line-height: 1.46668;
283 | font-weight: 400;
284 | color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
285 | font-variant-ligatures: common-ligatures;
286 | -moz-osx-font-smoothing: grayscale;
287 | -webkit-font-smoothing: antialiased
288 | }
289 |
290 | [lang] body {
291 | font-family: Slack-Lato, appleLogo, sans-serif
292 | }
293 |
294 | [lang=ja-JP] body {
295 | font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
296 | }
297 |
298 | [lang=ko-KR] body {
299 | font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
300 | }
301 |
302 | a {
303 | color: rgba(var(--sk_highlight, 18, 100, 163), 1);
304 | text-decoration: none
305 | }
306 |
307 | a:active,
308 | a:focus,
309 | a:hover {
310 | color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
311 | text-decoration: underline
312 | }
313 |
314 | h1 {
315 | font-size: 28px;
316 | line-height: 1.2143
317 | }
318 |
319 | h1,
320 | h2 {
321 | font-weight: 900
322 | }
323 |
324 | h2 {
325 | font-size: 22px;
326 | line-height: 1.36365
327 | }
328 |
329 | h3 {
330 | font-size: 18px;
331 | line-height: 1.33334;
332 | font-weight: 900
333 | }
334 |
335 | h4 {
336 | font-size: 15px;
337 | line-height: 1.46668;
338 | font-weight: 400
339 | }
340 |
341 | ol,
342 | p,
343 | ul {
344 | margin-bottom: 16px
345 | }
346 |
347 | ol,
348 | ul {
349 | margin-left: 20px
350 | }
351 |
352 | ol ol,
353 | ol ul,
354 | ul ol,
355 | ul ul {
356 | margin-top: 4px;
357 | margin-bottom: 0
358 | }
359 |
360 | li {
361 | margin-bottom: 4px
362 | }
363 |
364 | ol {
365 | list-style-type: decimal
366 | }
367 |
368 | ol ol {
369 | list-style-type: lower-alpha
370 | }
371 |
372 | ol ol ol {
373 | list-style-type: lower-roman
374 | }
375 |
376 | ol ol ol ol {
377 | list-style-type: decimal
378 | }
379 |
380 | ol ol ol ol ol {
381 | list-style-type: lower-alpha
382 | }
383 |
384 | ol ol ol ol ol ol {
385 | list-style-type: lower-roman
386 | }
387 |
388 | ol ol ol ol ol ol ol {
389 | list-style-type: decimal
390 | }
391 |
392 | ol ol ol ol ol ol ol ol {
393 | list-style-type: lower-alpha
394 | }
395 |
396 | ol ol ol ol ol ol ol ol ol {
397 | list-style-type: lower-roman
398 | }
399 |
400 | ul {
401 | list-style-type: disc
402 | }
403 |
404 | ul ul {
405 | list-style-type: circle
406 | }
407 |
408 | ul ul ul {
409 | list-style-type: square
410 | }
411 |
412 | ul ul ul ul {
413 | list-style-type: disc
414 | }
415 |
416 | ul ul ul ul ul {
417 | list-style-type: circle
418 | }
419 |
420 | ul ul ul ul ul ul {
421 | list-style-type: square
422 | }
423 |
424 | ul ul ul ul ul ul ul {
425 | list-style-type: disc
426 | }
427 |
428 | ul ul ul ul ul ul ul ul {
429 | list-style-type: circle
430 | }
431 |
432 | ul ul ul ul ul ul ul ul ul {
433 | list-style-type: square
434 | }
435 |
436 | code {
437 | padding: 2px 3px 1px;
438 | border: 1px solid var(--saf-0);
439 | border-radius: 3px;
440 | background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
441 | color: #e01e5a
442 | }
443 |
444 | code,
445 | pre {
446 | --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
447 | font-family: Monaco, Menlo, Consolas, Courier New, monospace!important;
448 | font-size: 12px;
449 | line-height: 1.50001;
450 | font-variant-ligatures: none;
451 | white-space: pre;
452 | white-space: pre-wrap;
453 | word-wrap: break-word;
454 | word-break: normal;
455 | -webkit-tab-size: 4;
456 | -moz-tab-size: 4;
457 | tab-size: 4
458 | }
459 |
460 | pre {
461 | margin-bottom: 16px;
462 | padding: 8px;
463 | border: 1px solid var(--saf-0);
464 | border-radius: 4px;
465 | background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
466 | }
467 |
468 | pre code {
469 | padding: 0;
470 | border: none;
471 | background: none;
472 | color: inherit
473 | }
474 |
475 | blockquote {
476 | position: relative;
477 | margin-bottom: 16px;
478 | padding-left: 16px
479 | }
480 |
481 | blockquote:before {
482 | position: absolute;
483 | top: 0;
484 | bottom: 0;
485 | left: 0;
486 | display: block;
487 | width: 4px;
488 | border-radius: 8px;
489 | background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
490 | content: ""
491 | }
492 |
493 | hr {
494 | border: none;
495 | border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
496 | clear: both;
497 | margin-bottom: 16px
498 | }
499 |
500 | button {
501 | padding: 0;
502 | background-color: transparent;
503 | border-width: 0;
504 | cursor: pointer
505 | }
506 |
507 | button,
508 | input,
509 | select,
510 | textarea {
511 | font-family: inherit
512 | }
513 |
514 | .cache_buster_9000 {
515 | font-weight: 400
516 | }
517 |
--------------------------------------------------------------------------------
