ローディング中

Slackのサイドバーの色を自分色に変えませんか?

良い感じに秋になってきましたね。
紅葉の季節になったら是非とも紅葉狩りなんていきたいもんですね。
でもここ最近びっくりするくらい忙しいので紅葉が見れないかもしれない。
そんな不安を解消するために、SlackとATOMの色を秋色にしようかなと思い始めました。
今回はまずSlackのカラー変更からやっていきたいと思います!

目次

Slackを自分色に!

Artistic 2063 640

Slackのサイドバーは自分で色をカスタマイズすることが可能です。
割と細かに簡単に変更できるため多くの人がカスタマイズしている。。
かと思いきや意外としていなかったり。

実はPC版のSlackを変更すればスマホアプリのSlackのカラーも変更されるんです。
スマホでもSlackを活用している人は是非とも今すぐカラー変更してほしいですね。
ちょっとの手間をかけるだけでいつもの見飽きたSlackの画面を、フレッシュな気持ちで見ることができます。

では早速設定方法をご説明していきます。

設定方法

Slack1

まずは見慣れたslackの画面ですね。
これを見慣れないSlackの画面に変更するために設定画面を開いていきます。

Slack3

チーム名をクリックするとメニューがでてくるので「Preferences」をクリック

Slack4

その後「Sidebar Theme」

Slack5

するとこのように何種類かのテーマの選択することができます。
今回はテーマをカスタマイズしていくため、下の方にスクロールしていきます。

Slack6

Slack8
すると自分でカスタマイズするためのメニューがでてきますので、この中に自分の設定したい色を入力していきます。

Slackのどの部分の色に相当するのか。
というのが英語で書かれていて分かりにくいという人のために
矢印つけておきましたので参考にしてみてください。

Slack7

で、今回はこんな風にちょっとBEAMS意識したみたいなカラーにしてみました。
冒頭の秋色はどこに行ったんだって話ですが。
急にオシャレ男子みたいになりたくなっちゃいまして。
てへぺろですね。

配色に悩んだら!

Beards 1679983 960 720

デザイナーではない人にとっては

  • どのような配色が正解か。
  • どのようにすれば思い通りの好みの配色にできるか。

配色を考えるので一番時間がかかってしまうかと思います。
こちらの記事で紹介しているオンラインツールを参考に配色を決めていけば。
きっとサクッと配色が決まると思います!

こちら【配色に悩んだら活用したいオンラインツール厳選して5選ご紹介!

是非ともツールを活用して自分色のSlackを完成させてくださいね!

最後に

今回はSlackを自分色にしてみようって事で設定方法をご紹介させていただきました。
次回はみんな大好き【ATOM】のテーマをイジイジしていきたいと思います。
目指せ何でもかんでも自分色!

公開しました!
▶ATOMを自分好みのデザインにカスタマイズしてみよう!UIテーマ編!
▶ATOMを自分好みのデザインにカスタマイズしてみよう!Syntaxテーマ編

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.