Code Monkey home page Code Monkey logo

blue-topaz_obsidian-css's People

Contributors

asphaltbuffet avatar awyugan avatar claremacrae avatar cumany avatar demicuz avatar geoffreyouo avatar juestchaos avatar lillian-who avatar rainbell129 avatar sandrop avatar thewangcj avatar whyt-byte avatar windily-cloud avatar xtst avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blue-topaz_obsidian-css's Issues

Export PDF時,Table的字體太暗了

表格的字體要變淡或列的背景要變:
image

# Export PDF
## 表格測試
### 測試1

| 參數名 | 參數說明 |
| --- | --- |
| PARAM1 | 表示XXX使用 |
| PARAM2 | 表示XXX使用 |
| PARAM3 | 表示XXX使用 |
| PARAM4 | 表示XXX使用 |
| PARAM5 | 表示XXX使用 |

list去除box不彻底

你好,我按css说明设置了去除list的box,但在list的左边还会有边框,希望可以彻底去除

image

The task field displaying weirdly

Really nice theme!

I have only problem with the how the "not yet done" characters are displaying in the edit mode

image

What I mean is this

- [ ] task 1
- [ ]  task 2 
  • task 1
  • task 2

frontmatter裡的小問題

Hi,兩個小問題,不改也可以,大致不影響外觀:

  1. 第二個冒號被變色了
  2. 若有啟用Copy button for code blocks plugin時 "Specification" 會被蓋到

image

编辑模式下,在引用内容中选择最后一行,光标错位

我用的是Asymmetric Blue Topaz 0.9.3,谢谢作者的分享,这个主题最喜欢了。

光标错位的问题在标题中已经没有问题,可是在引用内容中仍存在,比如选择最后一行时无法全部选择,最后一点内容总是无法选中,如下图所示。

img

Support for nested lists (more than two)

不支持嵌套列表(两个多个以上), 例如:

- Text 1
	- Text 1.1
		- Text1.1.1.
		- Text1.1.2.

UPDATE: Found the solution:

/*=== trace indentation lines by death_au === */

.cm-hmd-list-indent .cm-tab,
ul ul {
  position: relative;
}

.cm-hmd-list-indent .cm-tab::before,
ul ul::before {
  content: "";
  border-left: 2px solid var(--background-modifier-border);  /*rgba(20,122,255,0.3);*/
  position: absolute;
}

.cm-hmd-list-indent .cm-tab::before {
  left: 0;
  top: -5px;
  bottom: -4px;
}

ul ul::before {
  left: -15px;
  top: 0;
  bottom: 0;
}

代码块,编辑模式与预览模式显示不同

编辑模式:
image
编辑模式:(显示不对)
image
代码:

    0                   1                   2                   3
    0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |Version|  IHL  |Type of Service|          Total Length         |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |         Identification        |Flags|      Fragment Offset    |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |  Time to Live |    Protocol   |         Header Checksum       |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |                       Source Address                          |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |                    Destination Address                        |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
   |                    Options                    |    Padding    |
   +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

代码块的换行问题

例如我使用的是java语言,在编辑模式下的代码块注释部分显示的是带换行符的文本,但是到了预览模式就合并为一行了。
image
image

Preview mode and Editor mode position are mismatch.

Hi,

Happy Chinese Spring Festival.

Thank you for providing us a colorful css for Obsidian.

I'd like to report an issue.

To reproduce the issue:

in the editor, create a note with the following content

- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10

some text1

- somthing - something
- somthing - wrong
	- somthing - something
		- gggg
		- kkkk
		- kkkkkkk
	- somthing - something
	- somthing - something
- somthing - something
- somthing - something

Split the window vertically and then turn on the preview mode in one of the split windows(panel) and link the two panels(the edit mode panel and the preview-mode panel)

Now make the editing mode window(panel) the active window(panel), and scrolled down.

When the text "something-wrong" moves to the top of the edit panel, you will find in the preview panel the view moves quickly back to the top of the page.

Turning off the custom CSS will fix the issue, so I think this one is related to your .css.

Moreover, this is not a new issue. I've been using a .css file modified based on your .css file since last Oct. This issue was there since that time. Hope this information would be helpful for you to locate the problem.

Looking forward to your reply.

请问如何修改预览的字号?

:root{ 里面改 --font-size-edit-normal,编辑器里的字号是可以修改的。但是为了预览改--font-size-preview-normal:,预览那里并不能修改。请问是什么原因?

想请教两个问题

1 如何取消鼠标悬停时候的图片缩放

2 如何把 list 改回以前的版本

已经使用了在reademe里面的取消box的方法, 但是那个点还是那种橙色的不太喜欢.
image

代码块有白色的阴影

非常感谢你提供的这个精美的主题,但是在使用的时候发现代码块的背景是白色的,比较影响阅读观感,不知道要在哪里修改呢?举例如下:
Thanks for your awesome theme! But the white background of code really bothers me when use this theme to preview. I wonder whether you could tell me where to fix this problem. Example as shown below.Thanks!
image

變更圖片的Pixels失效

變更圖片的Pixels失效,預設主題是正常的。下例 |100 指定要用100Pixels,但無變化。

![Engelbart|100](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

預設樣式:
image

Blue Topaz:
image

编辑状态下,引用文本选中仍存在一点问题

更新了最新的css后,在编辑状态下可以看到引用文本中选中哪些文字了,但选中时显示的高光会偏移,如
Snipaste_2021-01-04_13-54-28, 但实际选中的是 m 。

希望可以选择在编辑状态下,鼠标离开引用文本时不自动渲染效果


另一个小问题,更新后,侧边栏的箭头和文件夹名重叠了。不知道是不是因为自定义了字号的原因,但前一版本的css未出现这个问题
Snipaste_2021-01-04_13-49-57
Snipaste_2021-01-04_13-50-11

Emoji rendering in recent app versions

emojis that appeared in one line in edit mode also used to render on one line in preview mode, but in 0.10.11/12/13 now render on a new, separate line, which is /not/ wanted:

example edit—
”work⏬test”

example preview—
”work

test"

如何修改字体?

像正文的中文,想修改成:苹方/思源黑体等其他字体,英文想修改成:Monaco,这样是要如何修改?
假如还想要修改(增大)全局中文的字间距的话,需要如何修改呢?
谢谢解答

frontmatter v0.9.17的修改

v0.9.17 frontmatter裡的tags可以不加井號了,反而會影響到新的設定,如下圖 obsidian 標籤沒有被套用到新的樣式:

image

侧边栏宽度的问题

这个主题的左侧侧边栏如果拉的比较宽,显示效果会与其他主题不同,不确定是 feature 还是 bug。

目录显示异常 Directory display is abnormal

我很喜欢这个外观主题,但目录显示异常给我造成了一点困扰,希望能够修复一下,非常感谢。
I like this theme very much,But the abnormal directory display caused me a little trouble. I hope it can be fixed. Thank you.
目录显示异常

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.