KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

typora-theme-bothview-tabbar

★ 30 Open GitHub ↗

The BothView theme makes you use files list sidebar and outline sidebar together. The TabBar theme adds tab bar to Typora like the Chrome Browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

---

layout: theme
title: BothView-TabBar
category: theme
homepage: https://github.com/XiLaiTL/typora-theme-bothview-tabbar/
download: https://github.com/XiLaiTL/typora-theme-bothview-tabbar/releases
author: XiLaiTL
thumbnail: bothview-tabbar.jpg
typora-root-url: ../../
typora-copy-images-to: ../../media/theme/bothview-tabbar
---

![header](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/media/thumbnails/bothview-tabbar.jpg)

# Both Sidebars and Tab Bar for Typora
The BothView theme makes you use files list sidebar and outline sidebar together.

The TabBar theme adds tab bar to Typora like the Chrome Browser.

Both theme files were well commented and you can copy one of it to your favorite theme files. Then you can enjoy the features in the style you like.

## Features
When you toggle sidebar using the BothView theme, you can use both files sidebar and outline sidebar in the same time, the outline sidebar was set at the right area. When you click "Outline", you can use outline sidebar only and it was set at the left area like original view.

When you toggle sidebar using the TabBar theme, **you need to click "Files" and switch to files list firstly**, and then the files list will be show on the top of Typora as the tab bar like Chrome Browser, and you can preview the file in the sidebar as your cursor hover the tab. When you switch to tree view or outline sidebar, the tab bar will remain, which means you can use them together!

Because the above theme files are just contain the features and don't have the beautiful styles, I hope you do not just use the raw theme and can copy the file text to your favorite theme files.

When using BothView theme, you can modify the sidebar size by dragging the  resizer bar at the bottom between the footer and the sidebar, but when using TabBar theme, you need to find the resizer bar at the top.

|                         Raw BothView                         |
| :----------------------------------------------------------: |
| ![Raw BothView when toggling sidebar](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/media/theme/bothview-tabbar/bothview.png) |

|                          Raw TabBar                          |
| :----------------------------------------------------------: |
| ![Raw TabBar when toggling sidebar](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/media/theme/bothview-tabbar/tabbar.png) |

## Install

### Add the feature in the theme you like

- Open the [`bothview.css`](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/bothview.css) or the [`tabbar.css`](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/tabbar.css)
- Copy the whole file text and paste it to the top of the theme `.css` file you want (you can open the folder in ` preferences > appearance > themes`).
- Launch or restart Typora and choose the theme from the menu.

### Install the raw style (Just add the feature, not recommended)

- Download the [zipped themes package](https://github.com/XiLaiTL/typora-theme-bothview-tabbar/releases/download/v0.0.1/typora-theme-bothview-tabbar.zip).
- Copy the chosen `.css` file(s) to your Typora theme library (you can open the folder in ` preferences > appearance > themes`).
- Launch or restart Typora and choose the theme from the menu.

> Note: This theme has been created and tested in Windows 10, though it should work on other OS too.
>

## Screenshots

When BothView was using with Github theme,

![using-with-Github-theme](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/media/theme/bothview-tabbar/github-theme-with-bothview.png)

When TabBar was using with Github theme,

![using-with-Github-theme](https://raw.githubusercontent.com/XiLaiTL/typora-theme-bothview-tabbar/main/media/theme/bothview-tabbar/github-theme-with-tabbar.png)

typora-theme-bothview-tabbar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README