I am using this theme as suggested in the README:

/* This must be the first line of the custom.css with other import rules */
@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");

/* You can also add other styles below to override the default theme values */

With this, starting in mid-December I think, the selected block is not highlighted. Meaning, for instance typing something and then toggling Esc, there is no blue highlight showing me where I was typing before. I already tried: clearing cache, re-indexing the graph, and refreshing the graph. Nothing helped. The only way now to get the highlight is to copy the entire custom.css from this repo into my custom.css.

In both light and dark mode, I've noticed that setting block background colors sometimes makes text hard to read, especially for things like TODOs.

Ideally the background colors would be recolored as well to match the theme. Some existing colors work, but in general I think switching to pastel tones would be much more readable.

1. The location of the bullet of a heading block will change when activated (from the center to the top of a block).
   
   
2. I feel that the thread outside a coding block should not extend along with the coding block.
   

使用 [#A] 等 priority mark 显示为灰色，不知道是什么原因，可能是字体的问题。

logseq version: 0.35.0
logseq-dev-theme version: 1.20.6

尝试将 logseq-dev-theme 版本切换为 1.12.0，priority mark 显示正常

可能是字体问题，对 css 不熟悉，求助大佬！

It seems headings in the outline are breaking bullet threading. The app version is 0.4.6, the theme version is 1.21.15.

The native css theme that logseq provides will automatically format -> into an UTF arrow →. Is it possible for dev-theme to add this feature in?

On MacOS, the white spaces of priority marker emojis collapse. Probably related to this.

Proposed solution: use both ::before and ::after to enforce margin on the emojis.
My custom.css:

/* priority marker emoji white space collapse */
a[priority]::after {
  font-size: var(--ct-inline-code-font-size);
}

a[priority="A"]::before,
a.priority[href="#/page/A" i]:before {
  content: "🔴";
  visibility: visible;
}

a[priority="B"]::before,
a.priority[href="#/page/B" i]:before {
  content: "🟡";
  visibility: visible;
}

a[priority="C"]::before,
a.priority[href="#/page/C" i]:before {
  content: "🟢";
  visibility: visible;
}

a[priority="A"]::after,
a.priority[href="#/page/A" i]:after {
  content: "A";
  visibility: visible;
}

a[priority="B"]::after,
a.priority[href="#/page/B" i]:after {
  content: "B";
  visibility: visible;
}

a[priority="C"]::after,
a.priority[href="#/page/C" i]:after {
  content: "C";
  visibility: visible;
}

a[priority]::before,
a.priority:before {
  width: initial;
  margin-left: 0;
  margin-right: .5em;
}

a[priority]::after,
a.priority:after {
  border-radius: 50%;
  color: var(--ls-primary-text-color);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  margin-right: .3em;
}

After fix:

When using the calculator blocks, if calculating more than 1 line, the alignment of calculation and result quickly goes wrong.

Hi,

I noticed that the tooltip style on the Dev theme is different from the default theme

Dev Theme:

Default Theme:

This may have been effected by a recent change, logseq/logseq#3170.

I personally prefer the default theme style, and I am not sure if the change is intentional. I also find that the border color (black) does not match well with the theme color scheme

Dates in date pickers under dark mode start to become visible after Logseq 0.6.6. I would expect dates to be visible in dark mode under the dev theme.

Some are highlighted, some are not highlighted.

Happy new year, sorry to disturb you.

when I use advanced query and specify the title, the title in the result looks bad. some text is overlapped by the title.

here is the demo query to reproduce the problem.

#+BEGIN_QUERY
{
    :title [:h2 "🔨 doing"]
    :query [
        :find (pull ?b [*])
    ...
}

if I use h1,

Windows 10 + logseq 0.5.9

Hi, the Chinese looks like it's bolded

I love and rely heavily on bullet threading on my desktop. But the thread misaligned on my Android tablet (latest css code).

If Android and Windows apps use 2 different css system, I don't know if you would consider support for bullet threading on mobile as well?

The language button (python) is out of the boundary of the empty code block.

Could you add a "how to" for those who would like to tweak some basic settings, such as the default colors for URL links and [[links]], as well as underlining tasks, font size, etc.?

Is it currently not possible to overwrite the highlight color? Its using logseq default theme color

您好！我特别喜欢这个Logseq-dev-theme，

不过有一处显示效果上的小建议：

如果为一级标题设置底色，字体是呈现白色的比如：

这个时候如果加粗一级标题，在light模式下字体反而会变成黑色，如下图所示：

由于LogSeq提供的看起来都是深色的底色，配上黑色的文字的效果就打了折扣。在Dark模式下则无此问题。

个人是技术小白，因此不太会修改css文件，如果可以的话，是否能告诉我要如何调整呢？

再次感谢您开发这个特别棒的主题！

Since yesterday I started having a thick guideline with a different color. Perhaps is related to some Logseq update?

At the moment I get the following guidelines which make the bullet threading look off place as well:

I have managed to fix that temporarily with the following CSS:

.block-children {
  border-left-width: 0px;
  margin-left: -1px;
}

which makes it look like this:

I don't have any other modifications on my custom.css so I'm assuming I'm not the only one facing this issue. Similar behavior happens with different themes. Hopefully, you can reproduce it as well.

Thanks in advance!

default theme:

dev theme:

It would be awesome if the theme included a PDF viewer theme in the future. Logseq PDF CSS is available at https://github.com/logseq/logseq/tree/master/src/main/frontend/extensions/pdf.

I think it would be really helpful that during editing, the font in the focused block will automatically switch to a mono spaced font. For example, when I am editing a marked down table, mono sized font will make alignment much easier. Currently, my hot fix is adding this to the custom css file:

.editor-wrapper{
  font-family: var(--ct-code-font-family);
}

The thread to the first bullet in the query result and embedding block looks broken.

下载最新版本的 logseq，发现大纲的宽度和背景颜色和视频中看起来不一样，请问这两个参数能否放出来自己调节？

Hi,
I was playing around with table queries and when the table becomes too wide due to adding many properties in the table, or just long values (like a long title), then I cannot scroll horizontally to see the rest of the table. I tried with other themes (including the default one) and horizontal scrolling is enabled, but when using your theme then it is disabled for some reason.

The new page button position appears to be misaligned.

Setting the position to relative in my custom.css seems to resolve the issue.

.left-sidebar-inner .new-page {
  position: relative;
  bottom: 0;
}
nav.px-2 {
  padding-bottom: .5rem;
}

In 0.4.3 the bullet threading doesn't look quite as nice and smooth:

I am on macOS Monterey, Logseq 0.4.3

Hi! Thanks for a great theme.

I figured out changing to my local Calendas font. Turns out the text fonts are hard-coded in two places instead of one -- took me a while to figure out why italics weren't working.

I'd recommend changing the custom.css in the theme so that the i italic tag uses the --ls-font-family variable:

i {
  font-family: var(--ls-font-family);
}

It's pretty:

For reference, here's my entire custom.css:

/* This must be the first line of the custom.css with other import rules */
@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");

/* You can also add other styles below to override the default theme values */
/* see https://github.com/pengx17/logseq-dev-theme/ for the source CSS */

@font-face {
  font-family: "Calendas Plus";
  src: 
    local("Calendas Plus"), 
    local("Calendas-Plus"),
    format('opentype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Calendas Plus";
  src: 
    local("Calendas Plus Bold"), 
    local("Calendas-Plus Bold"),
    format('opentype');
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "Calendas Plus";
  src: 
    local("Calendas Plus Italic"), 
    local("Calendas-Plus-Italic"),
    format('opentype');
  font-style: italic;
  font-weight: normal;
}

:root {
  --ct-text-size: 16px;
  --ct-line-height: 1.6;
   --ls-font-family: "Calendas Plus", "Only Emoji", "Source Sans 3 VF", "Source Han Sans VF",
    sans-serif;
  --ct-page-title-font-family: var(--ls-font-family);
  --ct-code-font-family: "Fira Code", monospace;
}

/* need also to override i or the italic font doesn't get used */
i {
  font-family: var(--ls-font-family);
}

在rr的视频里看到的，大概是这样的效果

不知道是主题的功能还是需要logseq支持。

bilibili原视频
roam repo

After the app is updated to 0.4.6, the main content area can no longer scroll when the theme is applied. Also, the right sidebar can scroll, but there is a blank bar at the bottom of the right sidebar.

Block references background color doesn't blend well with the theme

When using IOS beta app, this theme shows the menu too high and hard to navigate / click. See the sample image:

the default 16px is a bit too small for my eyes to read, but after changing the font-size to 20px, the bullet threading is misaligned. see screenshot below:

Hope this can be fixed in future iteration. Thanks!

Dates in the current month are not visible in the date pickers under dark theme. This happen after Logseq 0.6.7.

Hi @pengx17 ,

The font color of the search bar font can't be seen when searching:

In windows OS, the color of title bar is not consistent with others

Hello, the CSS theme is superb! But the UI could be slightly bit bigger! I mean overall the font sizes and the clickable elements. :)

Sometimes it's hard to navigate around.

Hi,

I'm using this awesome theme in the desktop app in mac and just starting trying the iOS app. At the moment, and understandably, the theme does not fit entirely well the iOS app, such as the header, and the bullet threading.

Is there a way to detect whether the app is running on the desktop or in iOS in the custom.css app, so for now, I can just disable any theme when running in iOS?

Thanks in advance!

Hi, I really like your theme!

I have a question, what would you suggest to make this theme compatible with einsenhower matrix? Currently the theme makes the display mingled together. I am referring to this

https://discuss.logseq.com/t/css-template-eisenhower-matrix/526

Thanks!

eg：

The first bullet point on is under the heading as in the screenshot.

Fantastic theme all around, thank you! Especially like query boxes and titles and the task displays.

If I wanted to turn off the transparency on the very top bar, is this easy?

Would it be possible to do via the plugin config/settings json? Is that even available for themes?

If not, any leads on doing it manually is appreciated. It's rendering poorly on my particular display, and making it hard to use the otherwise wonderful theme on this particular display.

Thanks much!

把dark官方的这个绿色换掉，或者参数是什么，自己用其他css试了半天也不行，感谢

I think it would look nicer if it starts below the blurring top bar. Woz Theme does that.

Like this screenshot, h5 cannot fully display in my logseq. But it can fully display in default theme.
Why? Is it a bug? Or cause I using Windows? Or the font problem, etc?
System: win10x64 logseq 0.6.7 theme v1.26.3

Hi! Is it possible to disable/remove bullet threading?

问题截图：

Dev theme is an awesome theme. But I find the italic style is invalid with Chinese, iike this:

Could you please fix this? Thx a lot!

Hello,
I'm pleased to use this awesome theme in logseq.

The only problem is I'm in offline, network disconnected environment.
I already tried with custom.css but there is font issue, maybe.

Could you plese guide how I can install this theme to offline logseq?

Thanks.