Skip to content

Commit fab4a75

Browse files
committed
Update README.md
1 parent 43a6603 commit fab4a75

File tree

1 file changed

+27
-7
lines changed

1 file changed

+27
-7
lines changed

README.md

+27-7
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<a href="#credits">🙏 Credits</a>
1818
</p>
1919

20-
<p align="center">A clean theme for <a href="https://github.com/logseq/logseq">Logseq</a> inspired by One Dark Pro.<br><b>Supports native accent colors!</b><br>Up-to-date and compatible to latest Logseq v0.10.5!</p>
20+
<p align="center">A clean theme for <a href="https://github.com/logseq/logseq">Logseq</a> inspired by One Dark Pro.<br><b>Supports native accent colors!</b><br>Tested with Logseq up to v0.10.7!</p>
2121

2222
## Screenshots
2323
![](./preview.png)
@@ -37,6 +37,7 @@
3737
- integrated support for banners plugin
3838
- support for new accent color selection (introduced in Logseq v0.10.0)
3939
- numerous improvements & fixes to color scheme and polished header styles (compared to original Atmos theme)
40+
- support for mobile devices (see below for instructions) (WIP)
4041

4142
### Inspired by: Atmos Theme
4243

@@ -75,18 +76,36 @@ The Logseq One Theme in its first iteration is strongly inspired by [logseq-atmo
7576
- [ ] complete accent color support (WIP)
7677
- [ ] dark theme: mixture of bold and italic styles (consistency)
7778
- [ ] light code mirror theme inconsistency
79+
- [ ] improve mobile support
7880

7981
## Install
8082

81-
### Official marketplace
83+
### Official marketplace (within Logseq, recommended)
8284

8385
Find the One Theme in the Logseq in-app theme marketplace:
84-
- Search for 'One Theme' in `Menu``Plugins``Marketplace``Themes`
85-
- To select theme: `Menu``Themes` (or press `t` `i`)
86+
- Search for 'One Theme' in `«...»``Plugins``Marketplace``Themes`
87+
- To select theme: `«...»``Themes` (or press `t` `i`) → select desired variant 'One Theme'
88+
- press `t` `t` to toggle between light and dark themes
8689

87-
### Manual installation
90+
### Manual installation (and for mobile devices)
8891

89-
Copy `main.css` [contents](https://raw.githubusercontent.com/femto-code/logseq-one-theme/master/main.css) into `<graph_base>/logseq/custom.css`
92+
1. Open `«...»``Settings`
93+
2. Select `Edit custom.css`
94+
3. Insert the following code to the top of your `custom.css`:
95+
```css
96+
@import url("https://raw.githubusercontent.com/femto-code/logseq-one-theme/main/main.css");
97+
```
98+
(with borders) or
99+
```css
100+
@import url("https://raw.githubusercontent.com/femto-code/logseq-one-theme/main/main2.css");
101+
```
102+
for version without borders (v2)
103+
104+
#### Fully manual way (if other ways don't work)
105+
106+
Copy `main.css` [contents](https://raw.githubusercontent.com/femto-code/logseq-one-theme/master/main.css) (with borders) or `main2.css` [contents](https://raw.githubusercontent.com/femto-code/logseq-one-theme/master/main2.css) (without borders, v2) into `<graph_base>/logseq/custom.css`
107+
108+
> Keep in mind, that each update needs to applied manually when using this approach!
90109
91110
## How to build
92111

@@ -103,6 +122,7 @@ Copy `main.css` [contents](https://raw.githubusercontent.com/femto-code/logseq-o
103122
```shell
104123
npm run build
105124
```
125+
> Tip: append `:v2` for borderless theme variant
106126
107127
## Credits
108128

@@ -126,7 +146,7 @@ Feel free to submit an [issue](https://github.com/femto-code/logseq-one-theme/is
126146

127147
---
128148
<div align="center">
129-
Copyright © 2023 <a href="https://github.com/femto-code">femto-code</a>
149+
Copyright © 2024 <a href="https://github.com/femto-code">femto-code</a>
130150

131151
[MIT License](./LICENSE)
132152
</div>

0 commit comments

Comments
 (0)