決定事項(5/25追加)

カラーコード

default [light/dark共通]

適応する場所	カラー
navbar	#2A2929
nav/ logo text(left)	#DEDEDE
nav/ text(right)	#A7A7A7
sidebar	#122C55
inline code (text)	#C7254E(元の糸と同じ)
selected sidebar icon (shadow)	#0099FF
sidebar icon （非選択時）	#FFFFFF 不透明度18%

default [light]

適応する場所	カラー
	#122C55 ( )
search bar / hexagon mark	#209FD8
sidebar contents	#F4F6FC
selected sidebar icon (bg-color)	#000000 不透明度37%
sidebar contents: history (bg-color)	#FAFBFF
gradation color	#36C9FF(0%)#36C9FF(33%),#7926FF(66%),#FF2EFF(100%)
text	#112744
link text	#1938BA
inline code (bg-color)	#F0F0F0
inline code (border-color)	#CCC8C8

default [dark]

適応する場所	カラー
/ search bar / hexagon mark	#DB00C2
selected sidebar icon (bg-color)	#FFFFFF 不透明度　15%
sidebar contents	#111D2F
sidebar contents: history (bg-color)	#1C2A3E
gradation color	#44BFE3(0%), #B04AFF(50%), #FF1794(100%)
text	#A8A8A8
link text	#7B9AD5
inline code (bg-color)	#1F1F22
inline code (border-color)	#4D4D4D

mono blue [light]

mono blue [dark]

nature

wood

island

Christmas

作業メモ：プライマリーの黄色
　　　　　もっと可読性高い色に

antarctic

spring

future

helloween

優先順

1. ナビバー(何らか濃いめの色)とサイドバー

   • レスポンシブデザインも

   • L字問題の解消(黒・白・他の色の３色)

   • サイドバーアイコンをどうするか問題
     

     • 上から順に
     1. awesome
     2. ionic
     3. feather
     4. feather

   • 六角形のロゴを左のサイドバー(選択する部分)をどうするかを決める

2. ページ内ナビゲーション
   • View, Edit, HackMD トグルボタン
   • 編集画面も一緒に考える
3. 以下はモーダル
   • Presentation
   • List(Children), Timeline, History
     • 上記3つはモーダル開いてからタブ切り替えできてもいいかも
4. NotFound page のデザイン
   • リストは隠さずそのまま出す -「このページは存在しません　作りますか？」のように出してあげるとより親切になるのでは？

補足

サイドバーのアイコン

• 今考えてるサイドバーのコンテンツ

• カスタムサイドバー(ユーザーがmarkdownを書いてコンテンツを定義できる) 　・適当なアイコンって難しいんだけど、 </> みたいなマークが適当かなあとか…

• History (or Recently Updated)

• タグ一覧

• Bookmark

• ページツリー(実装するかどうかは要検討、かなり将来の話になるかも)

• あとは検索
  navbar の検索窓を廃止してこっちに持ってくるという案もあったが、これは単純なコンテンツ追加ではないのでもっと議論が必要。

状況

• apply-bootstrap4 の終わりが見えてきた！
• History 機能搭載！
• デザイン待ち！！

宿題

• Jooto のアップデート(kaori-t)
  • その結果をWS定例, GROWI村議で共有