{"id":21487960,"url":"https://github.com/akira02/tokyono-sora","last_synced_at":"2025-09-16T04:15:03.674Z","repository":{"id":74416037,"uuid":"307899379","full_name":"akira02/Tokyono-Sora","owner":"akira02","description":"Plurk.com UI Redesign project","archived":false,"fork":false,"pushed_at":"2025-06-11T09:05:33.000Z","size":1298,"stargazers_count":29,"open_issues_count":0,"forks_count":5,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-07-16T07:36:02.731Z","etag":null,"topics":["css","redesign"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/akira02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-10-28T03:45:38.000Z","updated_at":"2025-06-11T09:05:37.000Z","dependencies_parsed_at":"2023-11-23T05:44:34.988Z","dependency_job_id":"9f4ef26e-ef5c-4ed2-a317-7af789c3cb98","html_url":"https://github.com/akira02/Tokyono-Sora","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/akira02/Tokyono-Sora","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira02%2FTokyono-Sora","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira02%2FTokyono-Sora/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira02%2FTokyono-Sora/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira02%2FTokyono-Sora/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akira02","download_url":"https://codeload.github.com/akira02/Tokyono-Sora/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akira02%2FTokyono-Sora/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275359762,"owners_count":25450641,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-16T02:00:10.229Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","redesign"],"created_at":"2024-11-23T13:41:04.006Z","updated_at":"2025-09-16T04:15:03.653Z","avatar_url":"https://github.com/akira02.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tokyono Sora 東京乃空 - Plurk UI\n\n### Redesigned Plurk UI \u003c/br\u003e\n\n![image](https://images.plurk.com/3Lhkj9gwd4SEWocsJgFaVm.png)\n\u003c/br\u003e \u003c/br\u003e\n這是 [千秋稻荷社](https://plurk.com/akira02) 重新設計的噗浪 UI，免費且自由使用的噗浪 CSS 佈景！\u003c/br\u003e\n![image](https://images.plurk.com/51F0ghyRPLXSwrIkM81MBB.jpg)\n![image](https://images.plurk.com/3JD6vO5tC3YkhNwANnJStQ.png)\n\u003c/br\u003e\u003c/br\u003e\n\n### 安裝\n\n複製本體 CSS，貼到 `自訂佈景` -\u003e `自訂佈景風格` 欄位\n\n[本體 CSS](https://github.com/akira02/Tokyono-Sora/blob/main/TokynoSora.css) \u003c/br\u003e\n[附加自訂 CSS](https://github.com/akira02/Tokyono-Sora/blob/main/custom.css) \u003c/br\u003e\n\u003c/br\u003e\n\n備註：Firefox 需啟用 has-selector 才能正常使用：\n\n- 在網址列輸入 `about:config` \u003c/br\u003e\n- `layout.css.has-selector.enabled` 設定為`true` \u003c/br\u003e\n\n### 產生器\n\n這個佈景主題是即時產生模糊半透明效果的，若您的電腦不支援硬體加速，使用此佈景主題可能會有河道捲動不順暢的狀況。 \u003c/br\u003e\n這時候可以使用靜態模糊圖片產生器，預先產生模糊圖片： \u003c/br\u003e\nhttps://chiaki.uk/Tokyono-Sora \u003c/br\u003e\n產生後的 CSS 直接貼到 Tokyono-Sora 的 CSS 後面，接在原本的 CSS 下面即可改用靜態模糊背景。\u003c/br\u003e\n\n## 特色\n\n### 調整過的排版\n\n調整了行距、暱稱與大頭貼位置、配色、背景與字體、噗浪的寬度，讓噗浪使用起來更簡潔舒適\n![image](https://images.plurk.com/5Jx1pGYR6lNc5eTrwJp84e.jpg)\n\n### RWD 設計\n\n適用各種不同的螢幕寬高，也適用直向螢幕！\u003c/br\u003e\n\u003cimg width=\"300\" alt=\"截圖\" src=\"https://images.plurk.com/3gBzHOaar2BuhF7JX8OhCa.png\"\u003e\n\n### 可愛的載入動畫\n\n自家製可愛旋轉狐狸\u003c/br\u003e\n![Oct-28-2020 16-13-49](https://user-images.githubusercontent.com/4176802/97418922-62bdab80-1944-11eb-8a07-475ed7cfe95a.gif)\n\n### 數字管風格卡馬字體\n\n自家製數字管字體\u003c/br\u003e\n\u003cimg width=\"236\" alt=\"截圖 2020-10-28 下午5 43 27\" src=\"https://user-images.githubusercontent.com/4176802/97419516-1de64480-1945-11eb-9e31-afb2dba262cf.png\"\u003e\n\n### 個人簡介顯示動畫\n\n![Oct-28-2020 17-19-53](https://user-images.githubusercontent.com/4176802/97416800-e033ec80-1941-11eb-8fe4-4de3d1f7d073.gif)\n\n### 支援瀏覽器縮放\n\n如果覺得字體太小，可以直接用瀏覽器的縮放功能放大而不會跑版～\n\n```\nChrome：\n放大網頁：按下 Ctrl 和加號鍵 。\n縮小網頁：按下 Ctrl 和減號鍵 。\n重設縮放等級：按下 Ctrl + 0 鍵。\n```\n\n### 背景圖上傳\n\n可以直接使用噗浪的背景圖上傳功能跟佈景配色\n\u003cimg width=\"698\" alt=\"截圖 2020-10-28 下午4 36 28\" src=\"https://user-images.githubusercontent.com/4176802/97411840-c1caf280-193b-11eb-91c9-251ca534cac6.png\"\u003e\n\n## 使用展示\n\n### 一般卡馬值\u003c/br\u003e\n\n\u003cimg width=\"190\" alt=\"截圖 2020-10-28 下午5 52 00\" src=\"https://user-images.githubusercontent.com/4176802/97420452-4cb0ea80-1946-11eb-980a-80010958561a.png\"\u003e\u003c/br\u003e\n\n### 世界線變動率風格卡馬值\u003c/br\u003e\n\n![](https://user-images.githubusercontent.com/4176802/97410919-9c89b480-193a-11eb-9338-97c72bf28b1b.png)\n![](https://user-images.githubusercontent.com/4176802/97410939-a1e6ff00-193a-11eb-9ced-935328081383.png)\n\n### 噗文\n\n\u003cimg width=\"497\" alt=\"截圖 2020-10-28 下午1 37 35\" src=\"https://images.plurk.com/4PBA3UHxWIMZ4z46kWHGLM.png\"\u003e\n\u003cimg width=\"497\" alt=\"截圖 2020-10-28 下午1 37 35\" src=\"https://images.plurk.com/4PBA3UHxWIMZ4z46kWHGLM.png\"\u003e\n\u003cimg width=\"1546\" alt=\"截圖 2020-10-28 下午1 37 50\" src=\"https://user-images.githubusercontent.com/4176802/97410959-a3b0c280-193a-11eb-8dee-35d9e7b88af0.png\"\u003e\n\n## FAQ\n\n### 要怎麼換成跟展示一樣的世界線變動率風格卡馬值？\n\n複製[附加自訂 CSS](https://github.com/akira02/Tokyono-Sora/blob/main/custom.css)裡面的`改成世界線變動率風格卡馬值`區塊，貼到`自訂佈景`-\u003e`自訂佈景風格`欄位中的最下面，要貼在最後面才會啟用喔！\n\n### 使用之後捲動河道好像卡卡的，有時候 CPU 使用率會衝很高？\n\n這個佈景主題是即時產生模糊半透明效果的，若您的電腦不支援硬體加速，使用此佈景主題可能會有河道捲動不順暢的狀況。\u003c/br\u003e\n這時候可以使用靜態模糊圖片產生器，預先產生模糊圖片：\u003c/br\u003e\nhttps://chiaki.uk/Tokyono-Sora\u003c/br\u003e\n產生後的 CSS，貼到`自訂佈景`-\u003e`自訂佈景風格`欄位的最下面即可，要貼在原本的 CSS 最後面才會啟用喔！\u003c/br\u003e\n\n## 作者\n\n設計與製作：[千秋](https://plurk.com/akira02)\u003c/br\u003e\n發明可以控制頂端列與跳出窗 CSS 的黑魔法：[欸個](https://www.plurk.com/egg820)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakira02%2Ftokyono-sora","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakira02%2Ftokyono-sora","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakira02%2Ftokyono-sora/lists"}