GithubHelp home page GithubHelp logo

caureliano / theme.typora.iwonder Goto Github PK

View Code? Open in Web Editor NEW
22.0 1.0 0.0 39.59 MB

A Typora theme I wanted.

Home Page: https://theme.typora.io/theme/iWonder

License: GNU General Public License v3.0

CSS 97.25% Batchfile 2.75%
theme typora iwonder

theme.typora.iwonder's Introduction

iWonder Typora Theme

一个我想要的Typora主题.

一个以让文档重点更醒目为原则设计的主题.

A Typora theme I wanted.

A theme designed to sharpen the focus of the document.

特性 / Feature

  1. 主题配色方案让重点更突出醒目, 详见下方预览.
  2. 提供更简化的标签快捷键, 配合自定义的标签颜色, 一键修改选中文本颜色.
  3. iWonder主题仅在Windows系统下做过测试, 无法确定Linux和Mac下效果.
  4. iWonder主题持续更新中.
  1. The theme color scheme makes the key points more prominent and eye-catching, as shown in the preview.
  2. Provide simplified label shortcuts, combined with custom label colors, to modify the selected text color with just one click.
  3. The iWonder theme has only been tested on Windows systems and cannot determine its effectiveness on Linux and Mac.
  4. The iWonder theme is constantly being updated.

私人订制 / DIY

通过修改iWonder > colorScheme > default.cssiWonder > fontScheme > default.css中的配置项, 可以任意修改本主题的字体和颜色.

进阶:定制多个主题并存.

示例:假设, 我想要修改一套红色, 宋体字体的主题, 那么我可以:

  1. 复制iWonder > colorScheme > default.css并将之重命名为red.css, 修改其中的颜色为红色系列.

  2. 复制iWonder > fontScheme > default.css并将之重命名为song.css, 修改其中的字体为宋体.

  3. 复制i-w-blue.css并将之重命名为i-w-red.css,

    修改其中@import url("iWonder/colorScheme/default.css");文本为@import url("iWonder/colorScheme/red.css"),

    修改其中@import url("iWonder/fontScheme/default.css");文本为@import url("iWonder/fontScheme/song.css").

  4. Typora中切换名为IWRed的主题.

You can modify the font and color of this theme arbitrarily by modifying the configuration items in iWonder > colorScheme > default.css and Font > fontScheme > default.css.

Advanced: customize the coexistence of multiple themes.

Example: suppose I want to change the theme of a set of red and song font, then I can:

  1. Copy red > colorScheme > default.css and rename it to red.css, and change the color to red series.

  2. Copy iWonder > fontScheme > default.css and rename it song.css, and change the font to Song font.

  3. Copy i-w-blue.css and rename it imurwred.css.

    Modify @ import url ("iWonder/colorScheme/default.css"); text to @ import url ("iWonder/colorScheme/red.css").

    Modify @ import url ("iWonder/fontScheme/default.css"); text to @ import url ("iWonder/fontScheme/song.css").

  4. Switch the Typora theme named IWRed.

安装方式 / Install

一键安装✨

  1. 点击此处下载.
  2. 解压安装包, 然后双击运行安装包中的setup.bat脚本.
  3. Typora中切换主题(主题名格式:IWxxxx).

手动安装

  1. 点击此处下载.
  2. 解压安装包, 将安装包中所有内容粘贴到主题目录.主题目录可通过Typora > 菜单 > 主题 > 打开主题文件夹打开.
  3. Typora中切换主题(主题名格式:IWxxxx).

Quick Install✨

  1. DownLoad.
  2. Unzip the installation package, and double-click to run the setup.bat script in the installation package.
  3. Switch Typora theme. (theme name format:IWxxxx).

Step by step Install

  1. DownLoad.
  2. Unzip and paste everything in the installation package into the theme folder. The theme folder can be opened fromTypora > menu> themes > open themes folder.
  3. Switch Typora theme. (theme name format:IWxxxx).

预览 / Preview

demo-img-01

demo-img-02

demo-img-03

demo-img-04

缩略图

快捷键 / ShortcutKeys

Function 功能 快捷键
Find 查找 Ctrl+F
Replace 替换 Ctrl+R
Strong 加粗 Ctrl+B
Emphasis 斜体 Ctrl+I
Strike 删除线 Ctrl+D
Underline 下划线 Ctrl+U
Highlight 高亮 Ctrl+H
Hyperlink 超链接 Ctrl+L
Code 代码块 Ctrl+K
CodeFences 多行代码块 Ctrl+Shift+K
Image 图片 Ctrl+Shift+I

theme.typora.iwonder's People

Contributors

quixoteiwonder avatar

Stargazers

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

Watchers

 avatar

theme.typora.iwonder's Issues

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.