完了したタスクをグレーアウトするのではなく、ハイライト等で目立たせる機能がほしい

@Kazumi_Mishima さん、Asanaフォーラムへようこそ!ご要望ありがとうございます。

グレーアウトしたテキストが読みづらいのを解決したいという目的でよろしいでしょうか?
もし読み違えておりましたらお知らせください。

タスクが完了済みになっていることを示し、目立たなくさせるためにあえてグレー表示していると思うので、Asana公式で機能が追加される可能性は低そうです。ユーザー側でなんとかする必要がある気がします。

現在のグレーアウト色CSS

.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {
    color: var(--color-text-disabled);
}

個別のタスクについては、クリックして右ウィンドウに開くことで文字色が濃くなって読みやすくなります。


タスクリストのタスクはCSSを書き換えることで色を変更することは可能です。

StylishというChrome拡張機能を利用するか、ブックマークレットを利用し、color を var(--color-success-text) や16進コードを指定すると好きな色に変えられます。

完了のグリーンに合わせたCSS

.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {
    color: var(--color-success-text);
}

ブックマークレットの場合

javascript:(function() {
  document.completeTaskTextColor = !document.completeTaskTextColor;
  const styleSheet = document.styleSheets[0];
  const styleLength = styleSheet.cssRules.length;
  if (document.completeTaskTextColor){
    styleSheet.insertRule('.SpreadsheetGridTaskNameAndDetailsCellGroup-taskName--completed {color: var(--color-success-text) !important;}', styleLength);
  } else {
    styleSheet.deleteRule(styleLength - 1);
  }
})();
2 Likes