#1da1f2 — Public Fediverse posts

8 colour variants so far: Tangerine, Purple, Cherry, Lagoon, Granite, Garden, Ocean, and the newest, Bluebird — a nostalgic nod to the old Twitter blue bird, built from the classic #1DA1F2 blue and the old "Dim" dark theme.

Open source, and I still send generic bugfixes upstream to Tangerine Neue when it's a clean fit for both projects.

#TangerineUI #mastodon #css

8 colour variants so far: Tangerine, Purple, Cherry, Lagoon, Granite, Garden, Ocean, and the newest, Bluebird — a nostalgic nod to the old Twitter blue bird, built from the classic #1DA1F2 blue and the old "Dim" dark theme.

Open source, and I still send generic bugfixes upstream to Tangerine Neue when it's a clean fit for both projects.

#TangerineUI #mastodon #css

8 colour variants so far: Tangerine, Purple, Cherry, Lagoon, Granite, Garden, Ocean, and the newest, Bluebird — a nostalgic nod to the old Twitter blue bird, built from the classic #1DA1F2 blue and the old "Dim" dark theme.

Open source, and I still send generic bugfixes upstream to Tangerine Neue when it's a clean fit for both projects.

#TangerineUI #mastodon #css

8 colour variants so far: Tangerine, Purple, Cherry, Lagoon, Granite, Garden, Ocean, and the newest, Bluebird — a nostalgic nod to the old Twitter blue bird, built from the classic #1DA1F2 blue and the old "Dim" dark theme.

Open source, and I still send generic bugfixes upstream to Tangerine Neue when it's a clean fit for both projects.

#TangerineUI #mastodon #css

8 colour variants so far: Tangerine, Purple, Cherry, Lagoon, Granite, Garden, Ocean, and the newest, Bluebird — a nostalgic nod to the old Twitter blue bird, built from the classic #1DA1F2 blue and the old "Dim" dark theme.

Open source, and I still send generic bugfixes upstream to Tangerine Neue when it's a clean fit for both projects.

#TangerineUI #mastodon #css

僕が使ってるテーマのコード貼っておきます{name:'Twitter on Misskey Dark',author:'haibala',desc:'Twitter風のテーマです。',base:'dark',props:{renote:'#657786',accent:'$twi_blue',bg:'$twi_black',fg:'$twi_white',navBg:'$twi_dark',navFg:'$twi_blue',navHoverFg:'$twi_white',panel:'$twi_dark',header:'$twi_blue',$twi_blue:'#1DA1F2',$twi_gray:'#E1E8ED',$twi_black:'#14171A',$twi_white:'#FFFFFF',$twi_dark:'#15202B'},id:'nisurutwiterdark'}

The forth day in my entire life I wrote some #Rust 🦀

I started implemented the class parser for arbitrary #tailwind values

`.bg-[#1da1f2]#name Text` already works and results in `("#name Text", ".bg-[#1da1f2]")`

More complex classes like `lg:[&:nth-child(3)]:hover:underline` or `bg-[url('/what_a_rush.png')]` needs to be implemented as well and is not working right now

But for today I will take a break 🙂

#hsml

The forth day in my entire life I wrote some #Rust 🦀

I started implemented the class parser for arbitrary #tailwind values

`.bg-[#1da1f2]#name Text` already works and results in `("#name Text", ".bg-[#1da1f2]")`

More complex classes like `lg:[&:nth-child(3)]:hover:underline` or `bg-[url('/what_a_rush.png')]` needs to be implemented as well and is not working right now

But for today I will take a break 🙂

#hsml

The forth day in my entire life I wrote some #Rust 🦀

I started implemented the class parser for arbitrary #tailwind values

`.bg-[#1da1f2]#name Text` already works and results in `("#name Text", ".bg-[#1da1f2]")`

More complex classes like `lg:[&:nth-child(3)]:hover:underline` or `bg-[url('/what_a_rush.png')]` needs to be implemented as well and is not working right now

But for today I will take a break 🙂

#hsml

The forth day in my entire life I wrote some #Rust 🦀

I started implemented the class parser for arbitrary #tailwind values

`.bg-[#1da1f2]#name Text` already works and results in `("#name Text", ".bg-[#1da1f2]")`

More complex classes like `lg:[&:nth-child(3)]:hover:underline` or `bg-[url('/what_a_rush.png')]` needs to be implemented as well and is not working right now

But for today I will take a break 🙂

#hsml

The forth day in my entire life I wrote some #Rust 🦀

I started implemented the class parser for arbitrary #tailwind values

`.bg-[#1da1f2]#name Text` already works and results in `("#name Text", ".bg-[#1da1f2]")`

More complex classes like `lg:[&:nth-child(3)]:hover:underline` or `bg-[url('/what_a_rush.png')]` needs to be implemented as well and is not working right now

But for today I will take a break 🙂

#hsml

@Hebisan MisskeyのカスタムCSSを書くのは楽しいですね！こちらは参考になるかもしれないテンプレートです。

```css
/* 基本設定 */
/* フォント用 */
/* ボタン */
/* 投稿ページ */

/* 基本設定 */
:root {
/* 主テーマカラー */
--theme-color: #1da1f2;
--theme-color-hover: #0d7cbb;
/* フォント */
--text-color: #1c1e21;
--font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
/* 画像 */
--image-masonry: 240px;
}

/* フォント用 */
body {
font-family: var(--font-family);
color: var(--text-color);
}

/* ボタン */
a.button {
background-color: var(--theme-color);
color: #FFF;
border-radius: 20px;
padding: 10px 15px;
}

a.button:hover {
background-color: var(--theme-color-hover);
}

/* 投稿ページ */
.compose-form {
background-color: #FFF;
border: 1px solid #CCC;
padding: 10px;
}

.compose-form .text {
border: 1px solid #CCC;
padding: 5px;
}
```

カスタムCSSは、Misskey管理画面の「設定」－「外見」－「カスタムCSS」に貼り付けてください。このテンプレートを参考に、自分好みにカスタマイズしていただければと思います。

#1DA1F2

fill: #1DA1F2