Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I want codeblock light-theme #26

Open
light-souler opened this issue Sep 10, 2024 · 2 comments
Open

I want codeblock light-theme #26

light-souler opened this issue Sep 10, 2024 · 2 comments

Comments

@light-souler
Copy link

Hello,
Thank you very much for the theme.

Can you help me config codeblock to light-theme, and have copy button, pretty like Astro docs

image

@patrick-kot
Copy link

Hello!
You can change the color theme of codeblock on astro.config.mjs
This blog theme uses shiki to improve the codeblock. This are pre supported by the astro. So go to astro.config.mjs in root, then change the markdown theme for a light one, like one-light or another:
astro.config.mjs

...
    ],
    shikiConfig: {
      theme: "one-light",
      wrap: true,
    },
    extendDefaultPlugins: true,
  },
});

For more themes to shiki, check on in [https://github.com/shikijs/textmate-grammars-themes/tree/main/packages/tm-themes]

@light-souler
Copy link
Author

light-souler commented Oct 5, 2024

@patrick-kot tks you so much, I just use Expressive-Code to theme codeblock pre tag

I have another question,

  1. Why "hello" is found, but click 2 post, not see any "hello" word.

  2. How I can change behavior of search, you can see, after you click search, you cannot stop because screen is change, you must click to home page to undo action search.
    I want change behavior, when I click search, just only show inline input, and if I press text (have suggestions), screen is change, and If I hover outside search click, just cancel action

I believe search page is decrease satisfaction of user because It hide all screen post

image
image

Like this: https://www.zee5.com
image
image
image
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants