diff --git a/index.html b/index.html index a4b2020..5260ea6 100644 --- a/index.html +++ b/index.html @@ -172,6 +172,52 @@ +
+

+ Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 +

+ +
+ + + + + + +
+ + + + + #Notion  + + #Chrome Extension  + + + + + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + + +
+ + できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい + +
+ + +
+ Read more → +
+ +
+

『Goならわかるシステムプログラミング 第2版』を読んだ diff --git a/index.xml b/index.xml index b290201..0beb16c 100644 --- a/index.xml +++ b/index.xml @@ -7,7 +7,42 @@ Hugo -- gohugo.io ja blog.kyu08.com - Sun, 03 Nov 2024 21:42:30 +0900 + Fri, 08 Nov 2024 23:34:37 +0900 + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい + <h2 id="できること">できること</h2> +<p>Notionのガントチャートが見づらいのをなんとかするスクリプト</p> +<h3 id="before">Before</h3> +<p><img src="before.webp" alt="before.webp"></p> +<h3 id="after">After</h3> +<p><img src="after.webp" alt="after.webp"></p> +<h2 id="前提条件">前提条件</h2> +<p>NotionをChromium系のブラウザで利用していること</p> +<h2 id="やり方">やり方</h2> +<ol> +<li>下記のリンクからStylusをインストール +<a href="https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja" target="_blank" >https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja</a> +</li> +<li>Manageをクリックして管理画面を開く +<img src="open-management-window.webp" alt="open-management-window.webp"></li> +<li>Write new styleをクリック +<img src="click-write-new-style.webp" alt="click-write-new-style.webp"></li> +<li>次のCSSを入力しURLのブロックに<code>URLs starting with: https://www.notion.so/</code>を指定しSaveをクリック +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">notion-selectable</span>.<span style="color:#a6e22e">notion-page-block</span>.<span style="color:#a6e22e">notion-timeline-item</span> <span style="color:#f92672">a</span> { +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background</span>: rgba(<span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">0.15</span>) +</span></span><span style="display:flex;"><span>} +</span></span></code></pre></div><img src="set-configs.webp" alt="set-configs.webp"></li> +<li>みやすくなる +<img src="after.webp" alt="after.webp"></li> +</ol> + + + 『Goならわかるシステムプログラミング 第2版』を読んだ https://blog.kyu08.com/posts/go-system-programming/ diff --git a/posts/go-system-programming/index.html b/posts/go-system-programming/index.html index 12b6cff..be8bb60 100644 --- a/posts/go-system-programming/index.html +++ b/posts/go-system-programming/index.html @@ -1150,6 +1150,13 @@

感想΂
+ + + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + + + diff --git a/posts/index.html b/posts/index.html index e5c59cc..afbba98 100644 --- a/posts/index.html +++ b/posts/index.html @@ -162,6 +162,51 @@
+ +

『Goならわかるシステムプログラミング 第2版』を読んだ diff --git a/posts/index.xml b/posts/index.xml index 167f55c..c69f85b 100644 --- a/posts/index.xml +++ b/posts/index.xml @@ -7,7 +7,42 @@ Hugo -- gohugo.io ja blog.kyu08.com - Sun, 03 Nov 2024 21:42:30 +0900 + Fri, 08 Nov 2024 23:34:37 +0900 + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい + <h2 id="できること">できること</h2> +<p>Notionのガントチャートが見づらいのをなんとかするスクリプト</p> +<h3 id="before">Before</h3> +<p><img src="before.webp" alt="before.webp"></p> +<h3 id="after">After</h3> +<p><img src="after.webp" alt="after.webp"></p> +<h2 id="前提条件">前提条件</h2> +<p>NotionをChromium系のブラウザで利用していること</p> +<h2 id="やり方">やり方</h2> +<ol> +<li>下記のリンクからStylusをインストール +<a href="https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja" target="_blank" >https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja</a> +</li> +<li>Manageをクリックして管理画面を開く +<img src="open-management-window.webp" alt="open-management-window.webp"></li> +<li>Write new styleをクリック +<img src="click-write-new-style.webp" alt="click-write-new-style.webp"></li> +<li>次のCSSを入力しURLのブロックに<code>URLs starting with: https://www.notion.so/</code>を指定しSaveをクリック +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">notion-selectable</span>.<span style="color:#a6e22e">notion-page-block</span>.<span style="color:#a6e22e">notion-timeline-item</span> <span style="color:#f92672">a</span> { +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background</span>: rgba(<span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">0.15</span>) +</span></span><span style="display:flex;"><span>} +</span></span></code></pre></div><img src="set-configs.webp" alt="set-configs.webp"></li> +<li>みやすくなる +<img src="after.webp" alt="after.webp"></li> +</ol> + + + 『Goならわかるシステムプログラミング 第2版』を読んだ https://blog.kyu08.com/posts/go-system-programming/ diff --git a/posts/refine-notion-gantt-chart/after.webp b/posts/refine-notion-gantt-chart/after.webp new file mode 100644 index 0000000..de285ba Binary files /dev/null and b/posts/refine-notion-gantt-chart/after.webp differ diff --git a/posts/refine-notion-gantt-chart/before.webp b/posts/refine-notion-gantt-chart/before.webp new file mode 100644 index 0000000..136786f Binary files /dev/null and b/posts/refine-notion-gantt-chart/before.webp differ diff --git a/posts/refine-notion-gantt-chart/click-write-new-style.webp b/posts/refine-notion-gantt-chart/click-write-new-style.webp new file mode 100644 index 0000000..8fe4189 Binary files /dev/null and b/posts/refine-notion-gantt-chart/click-write-new-style.webp differ diff --git a/posts/refine-notion-gantt-chart/index.html b/posts/refine-notion-gantt-chart/index.html new file mode 100644 index 0000000..f08d4a2 --- /dev/null +++ b/posts/refine-notion-gantt-chart/index.html @@ -0,0 +1,315 @@ + + + + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 :: blog.kyu08.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + +
+ + + + +
+ + +
+ +
+

+ Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 +

+ + + + + + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + + + +
+

+ 目次 +

+ +
+ + +
+

できること

+

Notionのガントチャートが見づらいのをなんとかするスクリプト

+

Before

+

before.webp

+

After

+

after.webp

+

前提条件

+

NotionをChromium系のブラウザで利用していること

+

やり方

+
    +
  1. 下記のリンクからStylusをインストール +https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja +
  2. +
  3. Manageをクリックして管理画面を開く +open-management-window.webp
  4. +
  5. Write new styleをクリック +click-write-new-style.webp
  6. +
  7. 次のCSSを入力しURLのブロックにURLs starting with: https://www.notion.so/を指定しSaveをクリック +
    .notion-selectable.notion-page-block.notion-timeline-item a {
    +    background: rgba(255, 255, 255, 0.15)
    +}
    +
    set-configs.webp
  8. +
  9. みやすくなる +after.webp
  10. +
+ +
+ + + + + + + + + + + +
+ +
+ + +
+ +
+ + + + + + + + + + + + This site uses Google Analytics for access analysis. + Google Analytics uses cookies to collect traffic data, but this traffic data is collected anonymously and does not personally identify you. + Cookies can be disabled in your browser. + + + + + +
+ + + diff --git a/posts/refine-notion-gantt-chart/open-management-window.webp b/posts/refine-notion-gantt-chart/open-management-window.webp new file mode 100644 index 0000000..f05bed2 Binary files /dev/null and b/posts/refine-notion-gantt-chart/open-management-window.webp differ diff --git a/posts/refine-notion-gantt-chart/set-configs.webp b/posts/refine-notion-gantt-chart/set-configs.webp new file mode 100644 index 0000000..1817618 Binary files /dev/null and b/posts/refine-notion-gantt-chart/set-configs.webp differ diff --git a/sitemap.xml b/sitemap.xml index 5d5e6cb..9fbf854 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -2,22 +2,31 @@ - https://blog.kyu08.com/posts/go-system-programming/ - 2024-11-03T21:42:30+09:00 - https://blog.kyu08.com/ - 2024-11-03T21:42:30+09:00 + 2024-11-08T23:34:37+09:00 - https://blog.kyu08.com/tags/cs/ - 2024-11-03T21:42:30+09:00 + https://blog.kyu08.com/tags/chrome-extension/ + 2024-11-08T23:34:37+09:00 - https://blog.kyu08.com/tags/go/ - 2024-11-03T21:42:30+09:00 + https://blog.kyu08.com/tags/notion/ + 2024-11-08T23:34:37+09:00 + + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + 2024-11-08T23:34:37+09:00 https://blog.kyu08.com/posts/ - 2024-11-03T21:42:30+09:00 + 2024-11-08T23:34:37+09:00 https://blog.kyu08.com/tags/ + 2024-11-08T23:34:37+09:00 + + https://blog.kyu08.com/posts/go-system-programming/ + 2024-11-03T21:42:30+09:00 + + https://blog.kyu08.com/tags/cs/ + 2024-11-03T21:42:30+09:00 + + https://blog.kyu08.com/tags/go/ 2024-11-03T21:42:30+09:00 https://blog.kyu08.com/posts/renew-oss-sponsoring/ diff --git a/tags/chrome-extension/index.html b/tags/chrome-extension/index.html new file mode 100644 index 0000000..5f3385d --- /dev/null +++ b/tags/chrome-extension/index.html @@ -0,0 +1,255 @@ + + + + + Chrome Extension :: blog.kyu08.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + +
+ + + + +
+ + +
+ + +
+ + + + + + +
+ +
+ + +
+ +
+ + + + + + + + + + + + This site uses Google Analytics for access analysis. + Google Analytics uses cookies to collect traffic data, but this traffic data is collected anonymously and does not personally identify you. + Cookies can be disabled in your browser. + + + + + +
+ + + diff --git a/tags/chrome-extension/index.xml b/tags/chrome-extension/index.xml new file mode 100644 index 0000000..423553b --- /dev/null +++ b/tags/chrome-extension/index.xml @@ -0,0 +1,47 @@ + + + + Chrome Extension on blog.kyu08.com + https://blog.kyu08.com/tags/chrome-extension/ + Recent content in Chrome Extension on blog.kyu08.com + Hugo -- gohugo.io + ja + blog.kyu08.com + Fri, 08 Nov 2024 23:34:37 +0900 + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい + <h2 id="できること">できること</h2> +<p>Notionのガントチャートが見づらいのをなんとかするスクリプト</p> +<h3 id="before">Before</h3> +<p><img src="before.webp" alt="before.webp"></p> +<h3 id="after">After</h3> +<p><img src="after.webp" alt="after.webp"></p> +<h2 id="前提条件">前提条件</h2> +<p>NotionをChromium系のブラウザで利用していること</p> +<h2 id="やり方">やり方</h2> +<ol> +<li>下記のリンクからStylusをインストール +<a href="https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja" target="_blank" >https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja</a> +</li> +<li>Manageをクリックして管理画面を開く +<img src="open-management-window.webp" alt="open-management-window.webp"></li> +<li>Write new styleをクリック +<img src="click-write-new-style.webp" alt="click-write-new-style.webp"></li> +<li>次のCSSを入力しURLのブロックに<code>URLs starting with: https://www.notion.so/</code>を指定しSaveをクリック +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">notion-selectable</span>.<span style="color:#a6e22e">notion-page-block</span>.<span style="color:#a6e22e">notion-timeline-item</span> <span style="color:#f92672">a</span> { +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background</span>: rgba(<span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">0.15</span>) +</span></span><span style="display:flex;"><span>} +</span></span></code></pre></div><img src="set-configs.webp" alt="set-configs.webp"></li> +<li>みやすくなる +<img src="after.webp" alt="after.webp"></li> +</ol> + + + + + diff --git a/tags/chrome-extension/page/1/index.html b/tags/chrome-extension/page/1/index.html new file mode 100644 index 0000000..dd84823 --- /dev/null +++ b/tags/chrome-extension/page/1/index.html @@ -0,0 +1,10 @@ + + + + https://blog.kyu08.com/tags/chrome-extension/ + + + + + + diff --git a/tags/index.html b/tags/index.html index 4b8aa24..cb79299 100644 --- a/tags/index.html +++ b/tags/index.html @@ -175,6 +175,14 @@

Tags

+
  • + Chrome Extension (1) +
  • + + + + +
  • cli (6)
  • @@ -271,6 +279,14 @@

    Tags

    +
  • + Notion (1) +
  • + + + + +
  • NuPhy (1)
  • diff --git a/tags/index.xml b/tags/index.xml index 8fb5aa3..87afac5 100644 --- a/tags/index.xml +++ b/tags/index.xml @@ -7,7 +7,27 @@ Hugo -- gohugo.io ja blog.kyu08.com - Sun, 03 Nov 2024 21:42:30 +0900 + Fri, 08 Nov 2024 23:34:37 +0900 + + Chrome Extension + https://blog.kyu08.com/tags/chrome-extension/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/tags/chrome-extension/ + + + + + + Notion + https://blog.kyu08.com/tags/notion/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/tags/notion/ + + + + CS https://blog.kyu08.com/tags/cs/ diff --git a/tags/notion/index.html b/tags/notion/index.html new file mode 100644 index 0000000..46de33c --- /dev/null +++ b/tags/notion/index.html @@ -0,0 +1,255 @@ + + + + + Notion :: blog.kyu08.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + + + + + + +
    + + + + +
    + + +
    + + +
    + + + + + + +
    + +
    + + +
    + +
    + + + + + + + + + + + + This site uses Google Analytics for access analysis. + Google Analytics uses cookies to collect traffic data, but this traffic data is collected anonymously and does not personally identify you. + Cookies can be disabled in your browser. + + + + + +
    + + + diff --git a/tags/notion/index.xml b/tags/notion/index.xml new file mode 100644 index 0000000..222c30b --- /dev/null +++ b/tags/notion/index.xml @@ -0,0 +1,47 @@ + + + + Notion on blog.kyu08.com + https://blog.kyu08.com/tags/notion/ + Recent content in Notion on blog.kyu08.com + Hugo -- gohugo.io + ja + blog.kyu08.com + Fri, 08 Nov 2024 23:34:37 +0900 + + Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法 + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + Fri, 08 Nov 2024 23:34:37 +0900 + + https://blog.kyu08.com/posts/refine-notion-gantt-chart/ + できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい + <h2 id="できること">できること</h2> +<p>Notionのガントチャートが見づらいのをなんとかするスクリプト</p> +<h3 id="before">Before</h3> +<p><img src="before.webp" alt="before.webp"></p> +<h3 id="after">After</h3> +<p><img src="after.webp" alt="after.webp"></p> +<h2 id="前提条件">前提条件</h2> +<p>NotionをChromium系のブラウザで利用していること</p> +<h2 id="やり方">やり方</h2> +<ol> +<li>下記のリンクからStylusをインストール +<a href="https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja" target="_blank" >https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja</a> +</li> +<li>Manageをクリックして管理画面を開く +<img src="open-management-window.webp" alt="open-management-window.webp"></li> +<li>Write new styleをクリック +<img src="click-write-new-style.webp" alt="click-write-new-style.webp"></li> +<li>次のCSSを入力しURLのブロックに<code>URLs starting with: https://www.notion.so/</code>を指定しSaveをクリック +<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">notion-selectable</span>.<span style="color:#a6e22e">notion-page-block</span>.<span style="color:#a6e22e">notion-timeline-item</span> <span style="color:#f92672">a</span> { +</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background</span>: rgba(<span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">255</span>, <span style="color:#ae81ff">0.15</span>) +</span></span><span style="display:flex;"><span>} +</span></span></code></pre></div><img src="set-configs.webp" alt="set-configs.webp"></li> +<li>みやすくなる +<img src="after.webp" alt="after.webp"></li> +</ol> + + + + + diff --git a/tags/notion/page/1/index.html b/tags/notion/page/1/index.html new file mode 100644 index 0000000..4f21d06 --- /dev/null +++ b/tags/notion/page/1/index.html @@ -0,0 +1,10 @@ + + + + https://blog.kyu08.com/tags/notion/ + + + + + +