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

add rose theme #41

Open
wants to merge 18 commits into
base: gh-pages
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions _posts/theme/2018-07-18-rose.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
---
layout: theme
title: Rose
category: theme
homepage: https://github.com/CharlesHahn/typora-theme-gallery
download: https://github.com/CharlesHahn/typora-theme-gallery/blob/gh-pages/media/theme/rose/rose.css
built-in: false
author: Charles
thumbnail: rose.png
typora-root-url: ../../
typora-copy-images-to: ../../media/theme/rose/
---

Designed and tested on windows. Not fully tested, but should work for macOS/Linux

Following are a few screenshots:

![typora_pic_0](/media/theme/rose/pic_0.png)

![typora_pic_1](/media/theme/rose/pic_1.png)
1 change: 1 addition & 0 deletions media/theme/rose/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
#### Add two pictures about this theme.
Binary file added media/theme/rose/pic_0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/theme/rose/pic_1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
360 changes: 360 additions & 0 deletions media/theme/rose/rose.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,360 @@
:root {
--side-bar-bg-color: #FF8FA4;
--window-border: none;
--active-file-bg-color: #ffebee;
--active-file-text-color: #000000;
--control-text-color: #9E9E9E;
}
@media screen and (min-width: 914px) {
/*body {
width: 854px;
margin: 0 auto;
}*/
}
@media print {
html {
font-size: 13px;
}
table,
pre {
page-break-inside: avoid;
}
pre {
word-wrap: break-word;
}
}
html{
font-size: 15px;
}
body{
font-family:Microsoft YaHei, Consolas;
color:#212121;
line-height:1.6;
background-color: #FF8FA4;
}
#write{
max-width:860px;
margin:0 auto;
padding:20px 30px 40px 30px;
padding-top:20px;
padding-bottom:100px;
}
body > *:first-child{
margin-top: 0;
}
body > *:last-child{
margin-bottom:0;
}
#write > ul:first-child,
#write > ol:first-child {
margin-top: 30px;
}
a {
color: #E91E63;
text-decoration:none;
}
.md-toc-inner{
color:#E91E63;
}
h1,h2,h3,h4,h5,h6{
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: normal;
line-height: 1.4;
cursor: text;
color: #ef303b;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
text-decoration: none;
}
h1 tt,
h1 code {
font-size: inherit;
}
h2 tt,
h2 code {
font-size: inherit;
}
h3 tt,
h3 code {
font-size: inherit;
}
h4 tt,
h4 code {
font-size: inherit;
}
h5 tt,
h5 code {
font-size: inherit;
}
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
padding-bottom: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #E91E63;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #E91E63;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
}
p,
blockquote,
ul,
ol,
dl,
table{
margin: 0.8em 0;
}
li > ol,
li > ul {
margin: 0 0;
}
hr {
height: 2px;
padding: 0;
margin: 16px 0;
background-color: #81D4FA;
border: 0 none;
overflow: hidden;
box-sizing: content-box;
border-bottom: 1px solid rgb(145,168,210);
}
body > h2:first-child {
margin-top: 0;
padding-top: 0;
}
body > h1:first-child {
margin-top: 0;
padding-top: 0;
}
body > h1:first-child + h2 {
margin-top: 0;
padding-top: 0;
}
body > h3:first-child,
body > h4:first-child,
body > h5:first-child,
body > h6:first-child {
margin-top: 0;
padding-top: 0;
}
a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
margin-top: 0;
padding-top: 0;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
margin-top: 0;
}
li p.first {
display: inline-block;
}
ul,
ol {
padding-left: 30px;
}
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
blockquote {
border-left: 2px solid rgb(213,215,214);
padding: 0 15px;
color: #fa2b31;
background-color:#ffebee;
}
blockquote blockquote {
padding-right: 0;
}
table {
padding: 0;
word-break: initial;
}
table tr {
border-top: 1px solid #E91E63;
margin: 0;
padding: 0;
}
table tr:nth-child(2n){
background-color: #ffebee;
}
table th{
background-color: rgb(213,215,214);
}
table tr th {
font-weight: bold;
border: 1px solid #E91E63;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr td {
border: 1px solid #E91E63;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
margin-bottom: 0;
}
.CodeMirror-gutters {
border-right: 1px solid #E91E63;
}
.md-fences,
code,
tt {
background-color: rgb(213,215,214);
color: #212121;
border-radius: 3px;
padding: 0;
font-family:Microsoft YaHei, Consolas, Mononoki, "Roboto Mono", "Liberation Mono", Courier, monospace;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
}
.md-fences {
margin-bottom: 15px;
margin-top: 15px;
padding: 0.2em 1em;
padding-top: 8px;
padding-bottom: 6px;
}
.task-list {
padding-left: 0;
}
.task-list-item {
padding-left: 32px;
}
.task-list-item input {
top: 3px;
left: 8px;
}
.md-fences {
background-color: #ffebee;
}
#write pre.md-meta-block {
padding: 1rem;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border: 0;
border-radius: 3px;
color: #777777;
margin-top: 0 !important;
}
.mathjax-block>.code-tooltip {
bottom: .375rem;
}
#write>h3.md-focus:before{
left: -1.5625rem;
top: .375rem;
}
#write>h4.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h5.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
#write>h6.md-focus:before{
left: -1.5625rem;
top: .285714286rem;
}
.md-image>.md-meta {
border: 1px solid #ddd;
border-radius: 3px;
font-family: Microsoft YaHei, Consolas, Courier, monospace;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
color: inherit;
background-color: rgb(223, 230, 233)
}
.md-tag{
color: red;
}
.md-toc {
margin-top: 10px;
padding-bottom: 10px;
}
.sidebar-tabs {
border-bottom: none;
}
#typora-quick-open {
border: 1px solid #ddd;
background-color: #f8f8f8;
}
#typora-quick-open-item {
background-color: #FAFAFA;
border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
border-style: solid;
border-width: 1px;
}
#md-notification:before {
top: 10px;
}
.cm-s-typora-default .cm-header {
color: rgb(220,91,111);
}
.cm-s-typora-default .cm-link {
color: #0091EA;
}
.on-focus-mode blockquote {
border-left-color: rgba(85, 85, 85, 0.12);
}
header,
.context-menu,
.megamenu-content,
footer {
font-family:Microsoft YaHei, Consolas, Mononoki, monospace;
}
.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state {
visibility: visible;
}
.mac-seamless-mode #typora-sidebar {
background-color: #fafafa;
background-color: var(--side-bar-bg-color);
}
Binary file added media/thumbnails/rose.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.