typememo.jp

Asana ダークモード (dark-mode) の設定方法

2020.08.07

#tech#asana

Contents


はじめに

Asana はタスク管理ができる Web アプリケーションです。

デフォルトの UI は白を基調としたものとなっています。

ですが、基本色が白だと、目が痛くなってしまうんですよね。

そこで、asana にダークモードがあるのか探してみたんですが、デフォルトではいい感じのものがないんですよね。

プロフィール設定 -> 表示 -> スプーギー にすれば基本色が黒っぽくなります。 でも、装飾多めで個人的にはいまいちなんですよね。

そこで、Stylish という拡張機能 (chrome firefox 対応なことは確認済み) を使って、Asana の UI をシンプルなダークモードに設定することにしました。

それが、こんな感じ!

AsanaDarkMode

目に優しい色で、いい感じですよね:)

Note: タスク名などは都合上、黒く塗りつぶしています。

本記事では、この Asana ダークモードの設定方法について紹介します。

Stylish 拡張機能をインストールする

まずは chrome もしくは firefox を起動してください。

ブラウザを起動したら Stylish をクリックして、Stylish をインストールしてください。

Stylish は特定の Web ページの UI を用意されているテーマに変更できる拡張機能です。

StylishOnChrome

インストールすると Stylish の説明ページが表示されますが、特に読む必要はないので閉じて結構です。

次は Asana 用のダークテーマ Asana Darkness をインストールしましょう。

Asana Darkness テーマをインストールする

Asana Darkness インストールページはこちら をクリックすれば、Asana Darkness のインストールページに移動します。

インストール をクリックすればインストール完了です。

StylishAsanaDarkness

Asana を開いているタブに移動して、更新すると UI が変わっているはずです。

Asana Darkness 以外のテーマを試してみたい、という方は Stylish を起動して、検索ボックスに Asana と入力してお好きなテーマをインストールしてください。

おわりに

Asana をダークテーマに設定する方法の紹介でした。

暗い部屋でも目に優しいダークテーマ、良いですね。

Asana Darkness は黒と緑を基調としたテーマなので、プロジェクトカラーを緑に設定すると、より統一感が出て綺麗だと思います.

ちなみに Asana を使っている人で、無料のガントチャートも使いたい人がいれば、Asana と Instagantt を連携させて無料で高機能なガントチャートを使う方法も合わせてお読みいただければと思います。

最後までお読みいただきありがとうございました.

愛用品

  • Xiser Pro Trainer
    1日中踏み続けられる強靭なステッパーでおすすめです.
  • HHKB Professional 墨 x HHKB キートップセット 白
    ボディは墨色キートップは白色なのでめちゃめちゃ目に優しいのでおすすめです.
  • Apple Magic Mouse 2
    トラックパッドは指が攣りそうになりますけどマウスはその心配が無いのでおすすめです.
  • Apple MacMini
    ミニマルでパワフルなデスクトップ PC なので個人的に大好きなのでおすすめです.
  • iiyama Display 27inch FullHD
    鮮明すぎない画面で目も疲れにくいですし何より高さ調節できるのが最高なのでおすすめです.
  • KINTO UNITEA 550ml
    500ml の大容量でこの綺麗なデザインは他にみたことがないのでおすすめです.

山田 武尊 / 立教大学(理学) / ACCESS CO LTD