refactor: update option page theme

[frank-zsy]

Brief Information

This pull request is in the type of (more info about types):

• [ ] build
• [ ] ci
• [ ] docs
• [ ] feat
• [ ] fix
• [ ] perf
• [x] refactor
• [ ] test

Related issues (all available keywords):

Details

I am really fond of the VSCode default dark theme configs. So I implement a new theme for the option page which follows VSCode dark theme styles.

It looks like this now:

Don't know if you like this or not, just fire a PR first.

And since GitHub and Gitee token procedure will be updated, I did not correct the input component position right now.

Checklist

• [x] I have read the CONTRIBUTING doc
• [x] I have signed the CLA

Others

[wangyantong2000]

It looks beautiful.

[Xsy41]

Feel that the content and the background have a little degree of differentiation, will be more beautiful.

[frank-zsy]

Feel that the content and the background have a little degree of differentiation, will be more beautiful.

I am not quite sure because VSCode setting does not have a background for main container area, this makes it consistent for different screen resolution.

[wangyantong2000]

There is indeed no distinction made in VSCode. Since it is in VSCode style, let's focus on the original VSCode style first. Continuously make adjustments in subsequent usage feedback. I will first resolve the conflict of this PR and then merge it.

[wangyantong2000]

Merge conflicts. I'm not sure if a circular button or a right angled button is the effect you want.

[wangyantong2000]

@Xsy41 After the refactoring work on the options page is merged, you can update and modify the comments on the token related part of the FastPR process in 911 again～

[wangyantong2000]

And after this PR is merged, a new version can be released. @Xsy41

[frank-zsy]

@wangyantong2000 I think right-angled button is good.

[frank-zsy]

@Xsy41 And https://hypercrx.cn is also ready now for the repo https://github.com/hypertrons/hypertrons-crx-website , you can also start to add the content of user docs on the website.

[wangyantong2000]

@wangyantong2000 I think right-angled button is good.

This doesn't look like a perfect right angle, it's like a circular button with a very small radius.

Like this?

[wangyantong2000]

[frank-zsy]

I am not quite sure, you can decide which style to use since the css is generated by GPT-4~

[Xsy41]

After the refactoring work on the options page is merged, you can update and modify the comments on the token related part of the FastPR process in 911 again~ And after this PR is merged, a new version can be released. And https://hypercrx.cn/ is also ready now for the repo https://github.com/hypertrons/hypertrons-crx-website , you can also start to add the content of user docs on the website.

OK, I’ll update the token-related comments for #911 after the refactoring work is merged and start adding user documentation to https://hypercrx.cn/ for the website repo.