commit 4a9976427757edb9e18fb9a2e641b91f63fc7208 Author: Godopu Date: Mon Dec 6 20:03:15 2021 +0900 commit 2021-12-06]20:03:09 diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..c8fc194 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,6 @@ +installer/arm64.exe filter=lfs diff=lfs merge=lfs -text +installer/arm64.tar.gz filter=lfs diff=lfs merge=lfs -text +installer/drawin.dmg filter=lfs diff=lfs merge=lfs -text +installer/amd64.exe filter=lfs diff=lfs merge=lfs -text +installer/amd64.tar.gz filter=lfs diff=lfs merge=lfs -text +themes.zip filter=lfs diff=lfs merge=lfs -text diff --git a/common/decompression_test.go b/common/decompression_test.go new file mode 100644 index 0000000..ce16d1f --- /dev/null +++ b/common/decompression_test.go @@ -0,0 +1,23 @@ +package common_test + +import ( + "testing" + "typorainstaller/common" + "typorainstaller/constants" + + "github.com/stretchr/testify/assert" +) + +func TestUnGzip(t *testing.T) { + assert := assert.New(t) + + err := common.Untar("./test.tar.gz", "./") + assert.NoError(err) +} + +func TestUnzip(t *testing.T) { + assert := assert.New(t) + + err := common.Unzip("./themes.zip", constants.ConfigPath) + assert.NoError(err) +} diff --git a/common/decomression.go b/common/decomression.go new file mode 100644 index 0000000..938e02d --- /dev/null +++ b/common/decomression.go @@ -0,0 +1,201 @@ +package common + +import ( + "archive/tar" + "archive/zip" + "compress/gzip" + "fmt" + "io" + "log" + "os" + "path" + "path/filepath" + "strings" + "time" +) + +func Untar(src, dir string) error { + f, err := os.Open(src) + if err != nil { + return err + } + return untar(f, dir) +} + +func untar(r io.Reader, dir string) (err error) { + t0 := time.Now() + nFiles := 0 + madeDir := map[string]bool{} + defer func() { + td := time.Since(t0) + if err == nil { + log.Printf("extracted tarball into %s: %d files, %d dirs (%v)", dir, nFiles, len(madeDir), td) + } else { + log.Printf("error extracting tarball into %s after %d files, %d dirs, %v: %v", dir, nFiles, len(madeDir), td, err) + } + }() + zr, err := gzip.NewReader(r) + if err != nil { + return fmt.Errorf("requires gzip-compressed body: %v", err) + } + tr := tar.NewReader(zr) + loggedChtimesError := false + for { + f, err := tr.Next() + if err == io.EOF { + break + } + if err != nil { + log.Printf("tar reading error: %v", err) + return fmt.Errorf("tar error: %v", err) + } + if !validRelPath(f.Name) { + return fmt.Errorf("tar contained invalid name error %q", f.Name) + } + rel := filepath.FromSlash(f.Name) + abs := filepath.Join(dir, rel) + + fi := f.FileInfo() + mode := fi.Mode() + switch { + case mode.IsRegular(): + // Make the directory. This is redundant because it should + // already be made by a directory entry in the tar + // beforehand. Thus, don't check for errors; the next + // write will fail with the same error. + dir := filepath.Dir(abs) + if !madeDir[dir] { + if err := os.MkdirAll(filepath.Dir(abs), 0755); err != nil { + return err + } + madeDir[dir] = true + } + wf, err := os.OpenFile(abs, os.O_RDWR|os.O_CREATE|os.O_TRUNC, mode.Perm()) + if err != nil { + return err + } + n, err := io.Copy(wf, tr) + if closeErr := wf.Close(); closeErr != nil && err == nil { + err = closeErr + } + if err != nil { + return fmt.Errorf("error writing to %s: %v", abs, err) + } + if n != f.Size { + return fmt.Errorf("only wrote %d bytes to %s; expected %d", n, abs, f.Size) + } + modTime := f.ModTime + if modTime.After(t0) { + // Clamp modtimes at system time. See + // golang.org/issue/19062 when clock on + // buildlet was behind the gitmirror server + // doing the git-archive. + modTime = t0 + } + if !modTime.IsZero() { + if err := os.Chtimes(abs, modTime, modTime); err != nil && !loggedChtimesError { + // benign error. Gerrit doesn't even set the + // modtime in these, and we don't end up relying + // on it anywhere (the gomote push command relies + // on digests only), so this is a little pointless + // for now. + log.Printf("error changing modtime: %v (further Chtimes errors suppressed)", err) + loggedChtimesError = true // once is enough + } + } + nFiles++ + case mode.IsDir(): + if err := os.MkdirAll(abs, 0755); err != nil { + return err + } + madeDir[abs] = true + default: + return fmt.Errorf("tar file entry %s contained unsupported file type %v", f.Name, mode) + } + } + return nil +} + +func validRelativeDir(dir string) bool { + if strings.Contains(dir, `\`) || path.IsAbs(dir) { + return false + } + dir = path.Clean(dir) + if strings.HasPrefix(dir, "../") || strings.HasSuffix(dir, "/..") || dir == ".." { + return false + } + return true +} + +func validRelPath(p string) bool { + if p == "" || strings.Contains(p, `\`) || strings.HasPrefix(p, "/") || strings.Contains(p, "../") { + return false + } + return true +} + +// Unzip will decompress a zip archive, moving all files and folders +// within the zip file (parameter 1) to an output directory (parameter 2). +func Unzip(src, dest string) error { + r, err := zip.OpenReader(src) + if err != nil { + return err + } + defer func() { + if err := r.Close(); err != nil { + panic(err) + } + }() + + os.MkdirAll(dest, 0755) + + // Closure to address file descriptors issue with all the deferred .Close() methods + extractAndWriteFile := func(f *zip.File) error { + rc, err := f.Open() + if err != nil { + return err + } + defer func() { + if err := rc.Close(); err != nil { + panic(err) + } + }() + + path := filepath.Join(dest, f.Name) + + // Check for ZipSlip (Directory traversal) + if !strings.HasPrefix(path, filepath.Clean(dest)+string(os.PathSeparator)) { + return fmt.Errorf("illegal file path: %s", path) + } + + if f.FileInfo().IsDir() { + os.MkdirAll(path, f.Mode()) + } else { + os.MkdirAll(filepath.Dir(path), f.Mode()) + f, err := os.OpenFile(path, os.O_WRONLY|os.O_CREATE|os.O_TRUNC, f.Mode()) + if err != nil { + return err + } + defer func() { + if err := f.Close(); err != nil { + panic(err) + } + }() + + _, err = io.Copy(f, rc) + if err != nil { + return err + } + } + return nil + } + + for _, f := range r.File { + err := extractAndWriteFile(f) + if err != nil { + return err + } + } + + return nil +} diff --git a/constants/constants.go b/constants/constants.go new file mode 100644 index 0000000..82f5121 --- /dev/null +++ b/constants/constants.go @@ -0,0 +1,34 @@ +package constants + +import ( + "os" + "path/filepath" + "runtime" +) + +var WorkPath string +var ConfigPath string +var Installer string + +func init() { + cache, err := os.UserCacheDir() + if err != nil { + panic(err) + } + WorkPath = filepath.Join(cache, "typora-installer") + + conf, err := os.UserConfigDir() + if err != nil { + panic(err) + } + ConfigPath = filepath.Join(conf, "Typora") + + switch runtime.GOOS { + case "linux": + Installer = runtime.GOARCH + "." + "tar.gz" + case "windows": + Installer = runtime.GOARCH + "." + "exe" + case "drawin": + Installer = runtime.GOARCH + "." + "dmg" + } +} diff --git a/go.mod b/go.mod new file mode 100644 index 0000000..9230f71 --- /dev/null +++ b/go.mod @@ -0,0 +1,11 @@ +module typorainstaller + +go 1.17 + +require github.com/stretchr/testify v1.7.0 + +require ( + github.com/davecgh/go-spew v1.1.0 // indirect + github.com/pmezard/go-difflib v1.0.0 // indirect + gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c // indirect +) diff --git a/go.sum b/go.sum new file mode 100644 index 0000000..acb88a4 --- /dev/null +++ b/go.sum @@ -0,0 +1,11 @@ +github.com/davecgh/go-spew v1.1.0 h1:ZDRjVQ15GmhC3fiQ8ni8+OwkZQO4DARzQgrnXU1Liz8= +github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38= +github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM= +github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4= +github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME= +github.com/stretchr/testify v1.7.0 h1:nwc3DEeHmmLAfoZucVR881uASk0Mfjw8xYJ99tb5CcY= +github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg= +gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM= +gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0= +gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c h1:dUUwHk2QECo/6vqA44rthZ8ie2QXMNeKRTHCNY2nXvo= +gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM= diff --git a/installer/amd64.exe b/installer/amd64.exe new file mode 100644 index 0000000..6d65958 --- /dev/null +++ b/installer/amd64.exe @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ac11151e906f78f79294f6f7656ac67426ac0de95a322eefffe15cbde502206c +size 71348654 diff --git a/installer/amd64.tar.gz b/installer/amd64.tar.gz new file mode 100644 index 0000000..779b310 --- /dev/null +++ b/installer/amd64.tar.gz @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f5c9ed01e0656411c3dcf9dfa6b26158b76ceed6903f13b4a5c935fa9f4682d7 +size 93749323 diff --git a/installer/arm64.exe b/installer/arm64.exe new file mode 100644 index 0000000..f6ae52e --- /dev/null +++ b/installer/arm64.exe @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8824cfd2d114f75b1ad9764cf5fa4f50269be25636e94d31ba84e9c6b966b82f +size 69267506 diff --git a/installer/arm64.tar.gz b/installer/arm64.tar.gz new file mode 100644 index 0000000..25ac697 --- /dev/null +++ b/installer/arm64.tar.gz @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ebfd6687231ecfd3296749dbc70f312fc74aef627bbf02b9ddb86483b2745d1a +size 99461139 diff --git a/installer/drawin.dmg b/installer/drawin.dmg new file mode 100644 index 0000000..f583d36 --- /dev/null +++ b/installer/drawin.dmg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5f08bd4b0442d7eb0161e923fa807cd9e3c2ad75ec5e0580f41bd463bd06350a +size 10382712 diff --git a/main.go b/main.go new file mode 100644 index 0000000..7f77fe8 --- /dev/null +++ b/main.go @@ -0,0 +1,152 @@ +package main + +import ( + "flag" + "fmt" + "io" + "net/http" + "os" + "path" + "typorainstaller/constants" +) + +func pull(pull_type int) error { + var urlToDownload string + var fname string + switch pull_type { + case PULL_INSTALLER: + urlToDownload = path.Join("https://git.godopu.net/Godopu/typora-installer/src/branch/main/installer", constants.Installer) + fname = constants.Installer + case PULL_CONFIG: + urlToDownload = "https://git.godopu.net/Godopu/typora-installer/src/branch/main/themes.zip" + fname = "themes.zip" + } + + resp, err := http.Get(urlToDownload) + if err != nil { + return err + } + + file, err := os.Create(fname) + if err != nil { + return err + } + defer file.Close() + + _, err = io.Copy(file, resp.Body) + if err != nil { + return err + } + + return nil +} + +// func install() { +// cmd := exec.Command("powershell", "-nologo", "-noprofile") +// stdin, err := cmd.StdinPipe() +// if err != nil { +// log.Fatal(err) +// } + +// if err != nil { +// panic(err) +// } +// defer stdin.Close() + +// go func() { +// fmt.Fprintln(stdin, "$T = Get-Date") +// fmt.Fprintln(stdin, "Set-Date -Date ($T).AddYears(30)") +// bout, err := exec.Command("./typora-installer/install.exe").Output() +// if err != nil { +// log.Println(err) +// } +// fmt.Println(bout) +// fmt.Fprintln(stdin, "Set-Date -Date ($T)") +// }() + +// _, err = cmd.CombinedOutput() +// if err != nil { +// log.Fatal(err) +// } +// } + +// func config() { +// os.RemoveAll(filepath.Join(configPath, "themes")) +// copy.Copy(filepath.Join("typora-installer", "themes"), filepath.Join(configPath, "themes")) +// } + +const ( + PULL_INSTALLER = iota + PULL_CONFIG +) + +func IsExistConfig() bool { + if _, err := os.Stat("./themes.zip"); err == nil { + return true + } + + return false +} +func IsExistInstaller() bool { + return false +} + +func main() { + + err := os.MkdirAll(constants.WorkPath, os.ModePerm) + if err != nil { + panic(err) + } + + err = os.Chdir(constants.WorkPath) + if err != nil { + panic(err) + } + + conf := flag.Bool("config", false, "Config") + inst := flag.Bool("install", false, "Install") + flag.Parse() + + if *conf { + if !IsExistConfig() { + fmt.Println("Downloading config file...") + pull(PULL_CONFIG) + fmt.Println("Download Success") + } + } else if *inst { + if !IsExistInstaller() { + fmt.Println("Downloading install program...") + err := pull(PULL_INSTALLER) + if err != nil { + panic(err) + } + fmt.Println("Download Success") + } + } + // if *inst { + // if _, err := os.Stat(filepath.Join(workPath, "typora-installer")); err != nil { + // fmt.Println("Start download") + // download() + // fmt.Println("download success") + // fmt.Println("Start unzip") + // unzip("main.zip") + // fmt.Println("Unzip success") + // } + + // fmt.Println("Installing...") + // install() + // fmt.Println("Install success") + // } else if *conf { + // if _, err := os.Stat(filepath.Join(workPath, "typora-installer")); err != nil { + // fmt.Println("Start download") + // download() + // fmt.Println("download success") + // fmt.Println("Start unzip") + // unzip("main.zip") + // fmt.Println("Unzip success") + // } + // fmt.Println("Set config") + // config() + // fmt.Println("Config success") + // } +} diff --git a/themes.zip b/themes.zip new file mode 100644 index 0000000..a8b4db5 --- /dev/null +++ b/themes.zip @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:bc9d2106f8475005fb24d43c435c3bf5581a6bdb51d3b698d124e8f6ffb197ce +size 3622198 diff --git a/themes/.gitignore b/themes/.gitignore new file mode 100644 index 0000000..9bea433 --- /dev/null +++ b/themes/.gitignore @@ -0,0 +1,2 @@ + +.DS_Store diff --git a/themes/Readme.md b/themes/Readme.md new file mode 100644 index 0000000..4b2d434 --- /dev/null +++ b/themes/Readme.md @@ -0,0 +1,27 @@ +--- +title : make custom theme +--- + + + +The built-in CSS will be replaced after update / reinstall, DO NOT MODIFY THEM. + +Reffer https://support.typora.io/Add-Custom-CSS/ when you want to modify those CSS. +Reffer https://support.typora.io/About-Themes/ if you want to create / install new themes. + + + +# file-tree-node 높이 수정하기 + +## `File-tree-node` height 수정하기 + +```css +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 2.2rem; + height: 2.2rem; + background: none; + opacity : 0.6 +} +``` + diff --git a/themes/dk-theme.css b/themes/dk-theme.css new file mode 100644 index 0000000..2cdef19 --- /dev/null +++ b/themes/dk-theme.css @@ -0,0 +1,454 @@ +@include-when-export url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic); +@include-when-export url(https://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext); +@charset "UTF-8"; +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: normal; + src: url(./dk-theme/texgyreadventor-regular.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: bold; + src: url(./dk-theme/texgyreadventor-bold.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: normal; + src: url(./dk-theme/texgyreadventor-italic.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: bold; + src: url(./dk-theme/texgyreadventor-bolditalic.otf); +} + +:root { + --window-border: none; + --typora-center-window-title: true; + --active-file-bg-color: #f3f3f3; + --bg-color: #fcfcfc; + --control-text-color: #777; +} + +.mac-seamless-mode #typora-sidebar { + top: var(--mac-title-bar-height); + padding-top: 0; + height: auto; +} + +html, body, #write { + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Raleway', "STHeiti", sans-serif; + font-weight: 300; +} + +body{ + padding-top : 1cm; +} + +h1, h2, h3, h4, h5, h6 { + color: #111; + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Ubuntu', "STHeiti", sans-serif; +} + +html { + font-size: 16px; +} + +#write { + max-width: 65rem; + text-align: justify; +} + +#write>h1, h2, h3, h4:first-child { + margin-top: 0rem; +} + +h1 { + font-weight: bold; + line-height: 4rem; + margin: 0 0 1rem; + text-align: center; + margin-top: 2rem; +} + +h2 { + font-weight: bold; + border-bottom: 1px solid #ccc; + line-height: 3rem; + margin: 0 0 1rem; + margin-top: 1rem; +} + +h3 { + font-weight: bold; + margin-left: 1rem; +} +h3:before { + content : "> "; + color : darkgray; +} + +h4 { + font-weight: bold; + margin-left: 2rem; +} + +h4:before { + content : ">> "; + color : darkgray; +} + +h5 { + font-size: 1.125rem; + font-weight: bold; + margin-left: 3rem; +} + +h5:before { + content : ">>> "; + color : darkgray; +} + +h6 { + font-size: 1rem; + font-weight: bold; + margin-left: 4rem; +} + +h6:before { + content : ">>>> "; + color : darkgray; +} + +p { + color: #111; + font-size: 1rem; + line-height: 1.75rem; + margin: 0 0 1rem; +} + +u{ + font-style: normal; + text-decoration : none; + border-width : 0px; + background : rgba(255,192,200,1); +} + +#write>h3.md-focus:before { + left: -1.875rem; + top: 0.5rem; + padding: 2px; +} + +#write>h4.md-focus:before { + left: -1.875rem; + top: 0.3125rem; + padding: 2px; +} + +#write>h5.md-focus:before { + left: -1.875rem; + top: 0.25rem; + padding: 2px; +} + +#write>h6.md-focus:before { + left: -1.875rem; + top: .125rem; + padding: 2px; +} + +@media screen and (max-width: 48em) { + blockquote { + margin-left: 1rem; + margin-right: 0; + padding: 0.5em; + } + .h1, h1 { + font-size: 2.827rem; + } + .h2, h2 { + font-size: 1.999rem; + } + .h3, h3 { + font-size: 1.413rem; + } + .h4, h4 { + font-size: 1.250rem; + } + .h5, h5 { + font-size: 1.150rem; + } + .h6, h6 { + font-size: 1rem; + } +} + +a, .md-def-url { + color: #990000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +table { + margin-bottom: 20px +} + +table th, table td { + padding: 8px; + line-height: 1.25rem; + vertical-align: top; + border-top: 1px solid #ddd +} + +table th { + font-weight: bold +} + +table thead th { + vertical-align: bottom +} + +table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { + border-top: 0 +} + +table tbody+tbody { + border-top: 2px solid #ddd +} + +.md-fences { + padding: .5em; + /*background: #f0f0f0;*/ + border: 1px solid #ccc; + padding: .1em; + font-size: 0.9em; + margin-left: 0.2em; + margin-right: 0.2em; +} + +.md-fences { + margin: 0 0 20px; + font-size: 1em; + padding: 0.3em 1em; + padding-top: 0.4em; +} + +.task-list { + padding-left: 0; +} + +.task-list-item { + padding-left: 2.125rem; +} + +.task-list-item input { + top: 3px; +} + +.task-list-item input:before { + content: ""; + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: middle; + text-align: center; + border: 1px solid gray; + background-color: #fdfdfd; + margin-left: 0; + margin-top: -0.8rem; +} + +.task-list-item input:checked:before, .task-list-item input[checked]:before { + content: '\25FC'; + /*◘*/ + font-size: 0.8125rem; + line-height: 0.9375rem; + margin-top: -1rem; +} + +/* Chrome 29+ */ + +@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { + .task-list-item input:before { + margin-top: -0.2rem; + } + .task-list-item input:checked:before, .task-list-item input[checked]:before { + margin-top: -0.2rem; + } +} + +blockquote { + margin: 0 0 1.11111rem; + padding: 0.5rem 1.11111rem 0 1.05556rem; + border-left: 1px solid gray; +} + +blockquote, blockquote p { + line-height: 1.6; + color: #6f6f6f; +} + +#write pre.md-meta-block { + min-height: 30px; + background: #f8f8f8; + padding: 1.5em; + font-weight: 300; + font-size: 1em; + padding-bottom: 1.5em; + padding-top: 3em; + margin-top: -1.5em; + color: #999; + width: 100vw; + max-width: calc(100% + 60px); + margin-left: -30px; + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; +} + +.MathJax_Display { + font-size: 0.9em; + margin-top: 0.5em; + margin-bottom: 0; +} + +p.mathjax-block, .mathjax-block { + padding-bottom: 0; +} + +.mathjax-block>.code-tooltip { + bottom: 5px; + box-shadow: none; +} + +.md-image>.md-meta { + padding-left: 0.5em; + padding-right: 0.5em; +} + +.md-image>img { + margin-top: 2px; +} + +.md-image>.md-meta:first-of-type:before { + padding-left: 4px; +} + +#typora-source { + color: #555; +} + +/** ui for windows **/ + +#md-searchpanel { + border-bottom: 1px solid #ccc; +} + +#md-searchpanel .btn { + border: 1px solid #ccc; +} + +#md-notification:before { + top: 14px; +} + +#md-notification { + background: #eee; +} + +.megamenu-menu-panel .btn { + border: 1px solid #ccc; +} + +#typora-sidebar { + box-shadow: none; +} + +.file-list-item, .show-folder-name .file-list-item { + padding-top: 20px; + padding-bottom: 20px; + line-height: 20px; +} + +.file-list-item-summary { + height: 40px; + line-height: 20px; +} + + +mark { + font-style: normal; + border-width : 0px; + background : rgba(135,206,235,0.5); +} + +code { + font-style: normal; + border-width : 0px; + background : rgba(255,250,100); +} + +hr{ + background-color : lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height:.06cm; + margin : 2rem 10rem; + page-break-after: always; +} +/* box-shadow: 0 0 6px 1px RGB(40,42,54); */ + +hr:after { /* Not really supposed to work, but does */ + content: "\00a0"; /* Prevent margin collapse */ +} + +strong strong { + background: #f27a70; + color: white; + padding: 3px 5px; + margin: -3px 3px 0px 3px; + line-height: 1.7; + border-radius: 10px; + border-width : 0px; +} +/* code { + background: lightskyblue; + color: white; + padding: 3px 5px; + margin: -3px 0px 0px 0px; + border-width : 0px; + line-height: 1.7; + border-radius: 10px; + font-weight: bold; +} */ + +blockquote { + border-left: solid 4px skyblue; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; + -webkit-transition: box-shadow .2s ease-out; +} + +img:hover { + box-shadow: 3px 3px 11px rgba(33,33,33,.2); + -webkit-transition: box-shadow .2s ease-in; +} + +html, body{margin: auto; padding: 0;place-items:center;} +.page{box-sizing: border-box; height: 100%; width: 100%; border: 1px solid transparent; page-break-after: always;} +.page-middle{height: 100%; width: 100%; display: table;} +.page-middle-inner{height: 100%; width: 100%; display: table-cell; vertical-align: middle;} \ No newline at end of file diff --git a/themes/dk-theme/GUST e-foundry License.txt b/themes/dk-theme/GUST e-foundry License.txt new file mode 100644 index 0000000..ad80c74 --- /dev/null +++ b/themes/dk-theme/GUST e-foundry License.txt @@ -0,0 +1,29 @@ +This is a preliminary version (2006-09-30), barring acceptance from +the LaTeX Project Team and other feedback, of the GUST Font License. +(GUST is the Polish TeX Users Group, http://www.gust.org.pl) + +For the most recent version of this license see +http://www.gust.org.pl/fonts/licenses/GUST-FONT-LICENSE.txt +or +http://tug.org/fonts/licenses/GUST-FONT-LICENSE.txt + +This work may be distributed and/or modified under the conditions +of the LaTeX Project Public License, either version 1.3c of this +license or (at your option) any later version. + +Please also observe the following clause: +1) it is requested, but not legally required, that derived works be + distributed only after changing the names of the fonts comprising this + work and given in an accompanying "manifest", and that the + files comprising the Work, as listed in the manifest, also be given + new names. Any exceptions to this request are also given in the + manifest. + + We recommend the manifest be given in a separate file named + MANIFEST-.txt, where is some unique identification + of the font family. If a separate "readme" file accompanies the Work, + we recommend a name of the form README-.txt. + +The latest version of the LaTeX Project Public License is in +http://www.latex-project.org/lppl.txt and version 1.3c or later +is part of all distributions of LaTeX version 2006/05/20 or later. \ No newline at end of file diff --git a/themes/dk-theme/texgyreadventor-bold.otf b/themes/dk-theme/texgyreadventor-bold.otf new file mode 100644 index 0000000..b521943 Binary files /dev/null and b/themes/dk-theme/texgyreadventor-bold.otf differ diff --git a/themes/dk-theme/texgyreadventor-bolditalic.otf b/themes/dk-theme/texgyreadventor-bolditalic.otf new file mode 100644 index 0000000..3451a52 Binary files /dev/null and b/themes/dk-theme/texgyreadventor-bolditalic.otf differ diff --git a/themes/dk-theme/texgyreadventor-italic.otf b/themes/dk-theme/texgyreadventor-italic.otf new file mode 100644 index 0000000..9472e73 Binary files /dev/null and b/themes/dk-theme/texgyreadventor-italic.otf differ diff --git a/themes/dk-theme/texgyreadventor-regular.otf b/themes/dk-theme/texgyreadventor-regular.otf new file mode 100644 index 0000000..655a186 Binary files /dev/null and b/themes/dk-theme/texgyreadventor-regular.otf differ diff --git a/themes/docs/Blockquote_color/README.md b/themes/docs/Blockquote_color/README.md new file mode 100644 index 0000000..36d8e08 --- /dev/null +++ b/themes/docs/Blockquote_color/README.md @@ -0,0 +1,14 @@ +--- +Change blockquote background-color +--- + +```css +blockquote { + width: 100%; + background-color: var(--borders); + border-left: 4px solid rgb(212, 212, 212); + border-radius: 0.3em; + padding: 1rem; +} +``` + diff --git a/themes/docs/Change_font_size/README.md b/themes/docs/Change_font_size/README.md new file mode 100644 index 0000000..aa5c350 --- /dev/null +++ b/themes/docs/Change_font_size/README.md @@ -0,0 +1,70 @@ +--- +Font-size 변경하기 +--- + +# Change code editor font size + +```css +.md-fences, +tt { + border-radius: 0.3rem; + color: #ffffff; + padding: 1.5rem; + font-size: 0.8rem; # 해당 부분 변경하기 +} +``` + +# Change header font size + +## 폰트 사이즈 변경 + +```css +h1 { + font-size: 1.6rem; # 해당부분 수정 + font-weight: 500; + line-height: 1.5; + margin-top: 1rem; + margin-bottom: 1rem; + padding-bottom: 0.4rem; + border-bottom: solid 2px var(--borders); +} + +h2 { + font-size: 1.4rem; # 해당부분 수정 + font-weight: 700; + line-height: 1.5; + margin-top: 0.8rem; + margin-bottom: 0.5rem; +} + +h3 { + font-size: 1.2rem; # 해당부분 수정 + font-weight: 700; + line-height: 1.5; + margin-top: 0.6rem; + margin-bottom: 0.5rem; +} +``` + +## Tooltip 위치 변경 + +```css +#write>h1.md-focus:before { + content: "h1"; + top: 0.8rem; # 해당부분 수정 + left: -1.75rem; +} + +#write>h2.md-focus:before { + content: "h2"; + top: 0.6rem; # 해당부분 수정 + left: -1.75rem; +} + +#write>h3.md-focus:before { + content: "h3"; + top: 0.45rem; # 해당부분 수정 + left: -1.75rem; +} +``` + diff --git a/themes/docs/Md_fences/README.md b/themes/docs/Md_fences/README.md new file mode 100644 index 0000000..3ac17c9 --- /dev/null +++ b/themes/docs/Md_fences/README.md @@ -0,0 +1,16 @@ +--- +title : Change MD Fences properties +--- + + + +```css +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + background-color: var(--borders); +} +``` + diff --git a/themes/docs/Md_meta_block/README.md b/themes/docs/Md_meta_block/README.md new file mode 100644 index 0000000..2e03816 --- /dev/null +++ b/themes/docs/Md_meta_block/README.md @@ -0,0 +1,22 @@ +--- +title : change md-meta-block properties +--- + + + +```css +#write pre.md-meta-block { + padding: 0.6rem; + line-height: 1.5; + background-color: var(--boxes); + margin: -0.3rem 0 -0.3rem 0; + font-family: "Times New Roman", Times, serif; + font-size: 20px; + border: 0; + border-radius: 0.2rem; + font-weight: bold; + color: var(--text-color); + border-left: solid 4px var(--primary-color); +} +``` + diff --git a/themes/docs/README.md b/themes/docs/README.md new file mode 100644 index 0000000..f623588 --- /dev/null +++ b/themes/docs/README.md @@ -0,0 +1,12 @@ +--- +title : Making Custom Theme +--- + +# index + +- [x] [Font-size 변경하기](./Change_font_size/README.md) +- [x] [Custom file-tree-node of Typora-sidebar](./Typora-sidebar/README.md) +- [x] [Change blockquote background-color](./Blockquote_color/README.md) +- [x] [Change md-meta-block properties](Md_meta_block/README.md) + + diff --git a/themes/docs/Typora-sidebar/README.md b/themes/docs/Typora-sidebar/README.md new file mode 100644 index 0000000..a430b8d --- /dev/null +++ b/themes/docs/Typora-sidebar/README.md @@ -0,0 +1,62 @@ +--- +title : Custom file-tree-node of Typora-sidebar +--- + +# `File-tree-node` 높이 변경 + +## File-tree-node height 속성 수정 + +```css +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 1.6rem; # 해당부분 수정 + height: 1.6rem; # 해당 부분 수정 + background: none; + opacity : 0.6 +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 1.6rem; # 해당부분 수정 +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 1.6rem; # 해당부분 수정 + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} +``` + +## Folder height 수정하기 + +```css +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.12rem; # 해당부분 수정 + margin-left : 0.2rem; +} +``` + +## caret 높이 수정하기 + +```css +#typora-sidebar .file-tree-node .fa-caret-down, #typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 2px; # 해당부분 수정 +} +``` + +# Typora-sidebar 선택된 노드 색상 변경 + +```css +#typora-sidebar .ty-search-item.active { + /*background-color: var(--bg-color);*/ + background-color : transparent; /*해당부분 수정*/ + outline: 1px solid var(--borders); + border: none; + color: var(--primary-color) !important; +} +``` \ No newline at end of file diff --git a/themes/github.css b/themes/github.css new file mode 100644 index 0000000..6c31243 --- /dev/null +++ b/themes/github.css @@ -0,0 +1,376 @@ +:root { + --side-bar-bg-color: #fafafa; + --control-text-color: #777; +} + +@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext); + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Regular'),url('./github/400.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: normal; + src: local('Open Sans Italic'),url('./github/400i.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: bold; + src: local('Open Sans Bold'),url('./github/700.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: bold; + src: local('Open Sans Bold Italic'),url('./github/700i.woff') format('woff'); +} + +html { + font-size: 16px; +} + +body { + font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif; + color: rgb(51, 51, 51); + line-height: 1.6; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; +} +#write > ul:first-child, +#write > ol:first-child{ + margin-top: 30px; +} + +a { + color: #4183C4; +} +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} +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 #eee; +} +h2 { + padding-bottom: .3em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} +h3 { + font-size: 1.5em; + line-height: 1.43; +} +h4 { + font-size: 1.25em; +} +h5 { + font-size: 1em; +} +h6 { + font-size: 1em; + color: #777; +} +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: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} +ul, +ol { + padding-left: 30px; +} +ul:first-child, +ol:first-child { + margin-top: 0; +} +ul:last-child, +ol:last-child { + margin-bottom: 0; +} +blockquote { + border-left: 4px solid #dfe2e5; + padding: 0 15px; + color: #777777; +} +blockquote blockquote { + padding-right: 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} +table tr td { + border: 1px solid #dfe2e5; + 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-lines { + padding-left: 4px; +} + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0,28,36,.3); + border-top: 1px solid #eef2f2; +} + +.md-fences, +code, +tt { + border: 1px solid #e7eaed; + background-color: #f8f8f8; + border-radius: 3px; + padding: 0; + padding: 2px 4px 0px 4px; + font-size: 0.9em; +} + +code { + background-color: #f3f4f4; + padding: 0 2px 0 2px; +} + +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding-top: 8px; + padding-bottom: 6px; +} + + +.md-task-list-item > input { + margin-left: -1.3em; +} + +@media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} + +.md-fences { + background-color: #f8f8f8; +} +#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; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#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; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top:20px; + padding-bottom:20px; +} + +.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; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, .context-menu, .megamenu-content, footer{ + font-family: "Segoe UI", "Arial", sans-serif; +} + +.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); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #E6F0FE; +} + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} \ No newline at end of file diff --git a/themes/github/400.woff b/themes/github/400.woff new file mode 100644 index 0000000..8b512d0 Binary files /dev/null and b/themes/github/400.woff differ diff --git a/themes/github/400i.woff b/themes/github/400i.woff new file mode 100644 index 0000000..d6684e8 Binary files /dev/null and b/themes/github/400i.woff differ diff --git a/themes/github/600i.woff b/themes/github/600i.woff new file mode 100644 index 0000000..0a9591a Binary files /dev/null and b/themes/github/600i.woff differ diff --git a/themes/github/700.woff b/themes/github/700.woff new file mode 100644 index 0000000..29c4f31 Binary files /dev/null and b/themes/github/700.woff differ diff --git a/themes/github/700i.woff b/themes/github/700i.woff new file mode 100644 index 0000000..2004dc9 Binary files /dev/null and b/themes/github/700i.woff differ diff --git a/themes/godopu-dark.css b/themes/godopu-dark.css new file mode 100644 index 0000000..d8795fb --- /dev/null +++ b/themes/godopu-dark.css @@ -0,0 +1,2163 @@ +@import "godopu-dark/fonts.css"; + +/*by H16nning*/ + +:root { + --bg-color: #212121; + --side-bar-bg-color: #1a1a1a; + --control-text-color: #e6ecf1; + --primary-color: rgb(60, 220, 220); + /* --primary-color: red; */ + --primary-btn-border-color: #3884ff; + --active-file-bg-color: #5d6574; + --active-file-text-color: inherit; + --active-file-border-color: #3884ff; + --item-hover-text-color: #8092af; + --item-hover-bg-color: #29303c; + --window-border: 0px solid #212121; + /* --window-border: 1px solid red; */ + --select-text-font-color: #e6ecf1; + --select-text-bg-color: #3277e5; + + --md-char-color: #8092af; + --heading-char-color: #8092af; + --meta-content-color: #3783ff; + + --borders: #1a1a1a; + --table-border-color: #353c49; + --boxes: #29303c; + --boxes-darker: #424b5a; + --boxes-darker2: #485364; + --boxes-darkest: #5b697e; + --drag-placeholder-color: #424b5a; + + --mds: #183055; + --text-color: #e6ecf1; + --heading-text-color: white; + --light-text-color: #5b697e; + --light-text-color-brighter: #768292; + --codeboxes: white; + --rawblock-edit-panel-bd: transparent; + + --primary-color-white: #5272a7; + --primary-color-white-darker: #5a83c5; + --primary-color-darker: #1f65d6; + --focus-ring-color: #3783ff; + + --danger-color: rgb(255, 70, 66); + --font-family: "Roboto", sans-serif; + --code-font-family: "Source Code Pro"; + --monospace: "Source Code Pro"; +} + +html, +.form-control, +.modal { + font-size: 16px; +} + +body { + background: var(--bg-color); + font-family: var(--font-family); + font-weight: 400; + color: white; + line-height: 1.625rem; + height: 100%; +} + +#write { + max-width: 75rem; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} + +a { + color: var(--primary-color); + text-decoration: none !important; + transition-duration: 0.2s; + transition-property: color; +} + +a:hover { + color: var(--primary-color-darker); +} + +.ty-preferences a { + color: var(--primary-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + color: var(--heading-text-color); + cursor: text; +} + +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 { + font-size: 1.6rem; + font-weight: 500; + line-height: 1.5; + margin-top: 1rem; + margin-bottom: 1rem; + padding-bottom: 0.4rem; + border-bottom: solid 1px darkgray; +} + +h2 { + font-size: 1.4rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.8rem; + margin-bottom: 0.5rem; +} + +h3 { + font-size: 1.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.6rem; + margin-bottom: 0.5rem; +} + +h4 { + font-size: 1.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 0.5rem; +} + +h5 { + font-size: 1.1rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 1rem; +} + +h6 { + font-size: 1rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 1.5rem; + opacity: 0.8; +} + +h4:before { + content: "□ "; +} + +h5:before { + content: "○ "; +} + +h6:before { + content: "─ "; +} + +#write > h1.md-focus:before, +#write > h2.md-focus:before, +#write > h3.md-focus:before, +#write > h4.md-focus:before, +#write > h5.md-focus:before, +#write > h6.md-focus:before { + color: var(--light-text-color); + border: none; + position: absolute; + font-size: 1rem; + font-weight: 700; + padding: 0px; + line-height: 1; +} + +#write > h1.md-focus:before { + content: "h1"; + top: 0.8rem; + left: -1.75rem; +} + +#write > h2.md-focus:before { + content: "h2"; + top: 0.6rem; + left: -1.75rem; +} + +#write > h3.md-focus:before { + content: "h3"; + top: 0.45rem; + left: -1.75rem; +} + +#write > h4.md-focus:before { + content: "h4"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h5.md-focus:before { + content: "h5"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h6.md-focus:before { + content: "h6"; + top: 0.2rem; + left: -1.75rem; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child, +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + margin-top: 0rem; +} + +p, +blockquote, +ul, +ol, +dl { + margin: 0.5rem 0rem 0.5rem 0rem; +} + +li > ol, +li > ul { + margin: 0 0; +} + +/* hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: var(--borders); + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} */ + +hr { + background-color: lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height: 0.06cm; + margin: 2rem 10rem; + page-break-after: always; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +.md-blockmeta { + color: var(--md-char-color); +} + +mark { + /* background-color: rgb(56, 132, 255, 0.4); */ + background-color: #C27BA0; + color: var(--text-color); +} + +/*BLOCKQUOTE*/ + +blockquote { + width: 100%; + background-color: var(--borders); + border-left: 4px solid rgb(212, 212, 212); + border-radius: 0.3em; + padding: 1rem; +} + +blockquote blockquote { + padding-right: 0; +} + +table { + font-size: 0.875rem; + padding: 0; + margin: 1.5rem 0; + word-break: initial; +} + +/*TABLE*/ + +table tr { + border-top: 1px solid var(--borders); + border-bottom: 1px solid var(--borders); + margin: 0; + padding: 0; +} + +table tr.md-end-block { + border-top: none; +} + +table tr th { + font-weight: bold; + border: none; + border-bottom: solid 2px var(--borders); + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +table tr td { + border: none; + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +#write table tr td:hover, +#write table tr th:hover { + background-color: var(--boxes); +} + +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; +} + +/*OTHER TABLE THINGS*/ + +.ty-table-edit { + padding: 0.3rem; + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + transition-duration: 0.3s; + transition-property: opacity; +} + +.ty-table-edit:active, +.ty-table-edit:focus, +.popover:active, +.popover:focus { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +.popover { + border: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-radius: 0.3rem; +} + +.popover .arrow { + border-bottom-color: var(--borders); +} + +.md-grid-board .md-grid-ext { + background-color: var(--boxes); +} + +.md-grid-board tr[row="1"] .md-grid-ext { + background-color: var(--boxes-darkest); +} + +.md-grid-board a.md-active, +.md-grid-board a:hover { + background-color: var(--primary-color-white); + border-color: var(--primary-color-white-darker); +} + +#md-grid-width, +#md-grid-height { + border-radius: 0.3rem; + border-color: var(--borders); + transition-duration: 0.3s; + transition-property: border-color; +} + +#md-grid-width:focus, +#md-grid-height:focus { + border-radius: 0.3rem; + border-color: var(--primary-color); +} + +/*CODE*/ + +.CodeMirror { + padding: 1rem; + font-family: "Source Code Pro", monospace; +} + +.cm-s-inner .CodeMirror-gutters { + background-color: none; + border-right: none; + border-radius: 0px; + width: 2rem; + color: white; + height: 100%; + white-space: nowrap; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + border-left: solid 2px var(--light-text-color-brighter); +} + +.CodeMirror.cm-s-typora-default .CodeMirror-activeline-background { + background-color: var(--boxes); +} + +.cm-s-inner .CodeMirror-cursor { + color: white; + border-left: solid 1px white; +} + +.cm-s-inner .CodeMirror-linenumber { + color: white; + opacity: 0.6; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line > span::selection, +.cm-s-inner .CodeMirror-line > span::-moz-selection, +.cm-s-inner .CodeMirror-line > span > span::selection, +.cm-s-inner .CodeMirror-line > span > span::-moz-selection { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-inner span.cm-comment { + color: #9daab6; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #71a7ff; +} + +.cm-s-inner span.cm-number { + color: #ff9d3d; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + color: white; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #ff9d3d; +} + +.cm-s-inner span.cm-keyword { + color: #61e3a5; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #f8f8f2; +} + +.cm-s-inner span.cm-link { + color: var(--primary-color); +} + +.cm-s-inner span.cm-tag, +.cm-s-inner .cm-header { + color: #b4f6d6; +} + +.cm-s-inner span.cm-attribute { + color: #ff9d3d; +} + +.cm-s-inner span.cm-qualifier, +.cm-s-inner span.cm-type, +.cm-s-inner span.cm-variable-3 { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + color: #ffd6ad; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: none; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property { + color: var(--primary-color); +} + +#typora-source span.cm-variable { + color: var(--window-border); +} + +#write .code-tooltip { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; + background-color: var(--bg-color); + color: var(--text-color); + width: 15rem; + height: 2.5rem; + bottom: -3rem; + padding: 0.1875rem; +} + +#write .code-tooltip .ty-input { + border: solid 1px var(--borders); + height: 2rem; + line-height: 2rem; + margin: 0rem; + padding-left: 0.5rem !important; + text-align: left; + display: block; + font-size: 0.8rem; + font-weight: 600; + font-family: var(--font-family); + transition-duration: 0.3s; + transition-property: border; +} + +#write .code-tooltip .ty-input:focus { + border-color: var(--primary-color); +} + +.html-for-mac .ty-cm-lang-input:empty:after { + left: 0.5rem; +} + +.autoComplt-list li, +.fences-auto-suggest li { + font-weight: 500; + transition-duration: 0.3s; + transition-property: background-color, color; +} + +.autoComplt-list li.active, +.fences-auto-suggest li:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.md-fences, +tt { + border-radius: 0.3rem; + color: #ffffff; + padding: 1.5rem; + font-size: 16px; +} + +code { + font-family: "Roboto"; + padding: 0.25rem 0.5rem; + background-color: var(--boxes); + font-size: 0.9rem; + border-radius: 0.2rem; +} + +.md-fences .CodeMirror div.CodeMirror-cursor, +.md-htmlblock-panel .CodeMirror div.CodeMirror-cursor { + border-left: solid 1px white; +} + +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + border-radius: 12px; + background-color: var(--borders); +} + +/*CHECKBOXES*/ + +.md-task-list-item > input:before, +input[type="checkbox"]:before { + border-radius: 0.2rem; + margin-top: -0.08rem; + margin-left: -0.1rem; + width: 1rem; + height: 1rem; + background-color: var(--boxes-darkest); + content: " "; + display: block; + transition-duration: 0.3s; + transition-property: background-color; +} + +.md-task-list-item:hover > input:before, +input[type="checkbox"]:hover:before { + background-color: var(--boxes-darker); +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before, +input[type="checkbox"]:checked:before { + background-color: var(--primary-color); +} + +.md-task-list-item:hover > input:checked:before, +.md-task-list-item:hover > input[checked]:before, +input[type="checkbox"]:hover:checked:before { + background-color: var(--primary-color-darker); +} + +.md-task-list-item > input:after, +.md-task-list-item > input:after, +input[type="checkbox"]:after { + transform: rotate(-45deg); + position: absolute; + border: 2px solid white; + border-top: 0; + border-right: 0; + top: 0.16rem; + left: 0.1rem; + width: 0.6rem; + height: 0.375rem; + content: " "; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after, +input[type="checkbox"]:checked:after { + opacity: 1; +} + +.ty-preferences input[type="checkbox"]:before { + width: 1.2rem; + height: 1.2rem; +} + +.ty-preferences input[type="checkbox"]:after { + width: 0.5rem; + height: 0.32rem; + top: 0.19rem; + left: 0.14rem; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +#write pre.md-meta-block { + padding: 0.6rem; + line-height: 1.5; + background-color: var(--boxes); + margin: -0.3rem 0 -0.3rem 0; + font-family: serif; + font-size: 20px; + border: 0; + border-radius: 0.2rem; + font-weight: bold; + color: var(--text-color); + border-left: solid 4px var(--primary-color); +} + +/* #write pre.md-meta-block { + background: transparent; + border-bottom: solid; + border-color: #393451; + width: auto; + font-family: "Times New Roman", Times, serif; + font-size: 20px; + font-weight: bold; + margin: 0em; + margin-top: -0.5em; + color: #393451; + max-width: 100%; + /* text-align : center; +} */ + +.md-image > .md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--md-char-color); + opacity: 1; +} + +.md-toc { + margin: 1.5rem 0rem; +} + +/*MATH*/ + +.md-rawblock { + margin: 1.5rem 0rem; +} + +.md-rawblock-container { + transition-duration: 0.3s; + transition-property: box-shadow, border; + padding: 8px; + border: solid 1px transparent; + border-radius: 0.3rem; +} + +.md-rawblock:hover > .md-rawblock-container { + background-color: transparent; + border: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +.md-mathblock-input .CodeMirror div.CodeMirror-cursor { + border-left: 1px solid white; +} + +.md-math-block .md-rawblock-control:not(.md-rawblock-tooltip) { + background-color: var(--bg-color); + border-left: solid 2px var(--primary-color); + border-right: solid 2px var(--primary-color); +} + +.md-math-block .md-rawblock-before { + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; + border-top: solid 2px var(--primary-color); +} + +.md-math-block .md-rawblock-after { + border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; + border-bottom: solid 2px var(--primary-color); + margin-bottom: 0.5rem; +} + +#write .md-math-block .code-tooltip { + width: 100%; +} + +/*HTML*/ + +.md-htmlblock-panel { + border: solid 2px var(--primary-color); + border-radius: 0.3rem; +} + +/*FOOTER*/ + +.footer-item { + opacity: 1 !important; + color: var(--light-text-color); + transition: 0.3s; + background: none !important; +} + +.footer-item:hover { + color: var(--light-text-color-brighter) !important; +} + +#outline-btn:hover { + color: var(--light-text-color-brighter) !important; +} + +/*SIDEBAR*/ + +#typora-sidebar { + border-right: solid 1px var(--borders); +} + +.info-panel-tab { + opacity: 1; +} + +.info-panel-tab-border { + color: var(--primary-color); +} + +#ty-sidebar-search-back-btn { + margin: auto; +} + +.ty-show-outline-filter #file-library-search, +.ty-show-search #file-library-search { + height: 4rem; +} + +#file-library-search-input { + height: 2rem; +} + +#file-library-search-panel input { + margin-top: 8px !important; +} + +.ty-sidebar-search-panel .searchpanel-search-option-btn { + top: 14px; +} + +#typora-sidebar #filesearch-case-ion-btn, +#typora-sidebar #filesearch-word-ion-btn { + background: none; + margin-top: 0.45rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#typora-sidebar #filesearch-case-ion-btn:hover, +#typora-sidebar #filesearch-word-ion-btn:hover { + color: var(--primary-color); +} + +/*sidebar outline*/ + +#close-outline-filter-btn { + top: 15px; + opacity: 1; + color: var(--light-text-color) !important; +} + +#close-outline-filter-btn:hover { + color: var(--primary-color) !important; + background-color: transparent !important; +} + +#close-outline-filter-btn:active { + background-color: transparent !important; +} + +#outline-content { + padding-right: 0px; + line-height: 1rem; +} + +.outline-item { + display: flex; + padding-top: 0px; + padding-bottom: 0px; +} + +.outline-item .outline-label { + display: block; + width: 100%; + padding-top: 0.4rem; + padding-bottom: 0.4rem; + border-right: solid 2px transparent; + font-size: 0.8rem; + font-weight: 500; + color: var(--light-text-color-darker); + transition-duration: 0.3s; + transition-property: color; +} + +.outline-item:hover { + background: none; +} + +.outline-item:hover .outline-label { + color: var(--primary-color); +} + +.outline-label:hover { + text-decoration: none; +} + +.outline-active.outline-label { + border-right: solid 2px var(--primary-color); + font-weight: 500; + color: var(--primary-color); +} + +.outline-expander { + padding-top: 0.4rem; + padding-right: 0.5rem; +} + +/*sidebar file-list and search results*/ + +#file-library-list[data-state="complete"] #sidebar-loading-template { + padding: 0rem; +} + +#typora-sidebar .file-list-item, +.ty-search-item { + border: none; + transition-duration: 0.3s !important; + transition-property: background-color, border, color !important; + padding: 1rem; +} + +#typora-sidebar .file-list-item:hover, +.ty-search-item:hover { + background: var(--borders); +} + +#typora-sidebar .ty-search-item-line:hover, +#typora-sidebar .ty-search-item-line.active { + background-color: transparent; +} + +#typora-sidebar .ty-search-item-line.active { + color: var(--primary-color); + font-weight: 800; +} + +#typora-sidebar .file-list-item-file-name { + font-weight: 800; + font-size: 0.9rem; + margin-bottom: 0rem; + line-height: 1.8rem; + float: right; +} + +#typora-sidebar .file-list-item-file-ext-part { + font-weight: 800; + opacity: 0.5; +} + +#typora-sidebar .file-list-item-parent-loc, +#typora-sidebar .file-list-item-time { + font-weight: 400; + opacity: 0.5; + display: block; +} + +#typora-sidebar .file-list-item-summary { + float: left; + font-size: 0.8rem; + opacity: 0.9; +} + +#typora-sidebar input.file-list-item-file-name { + margin: 0.5rem 0rem 0.5rem 0.7rem; + padding: 0.4rem !important; + line-height: 1rem; + float: right; + border-radius: 0.3rem; + font-weight: 500; + background-color: var(--bg-color) !important; +} + +#typora-sidebar .file-list-item.file-library-file-node { + border: none; +} + +#typora-sidebar .file-tree-node.active .file-node-background, +#typora-sidebar .file-list-item.active, +#typora-sidebar .ty-search-item.active { + /* background-color: var(--bg-color); */ + background-color: transparent; + outline: 1px solid var(--borders); + border: none; + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node.active .file-node-content { + color: var(--primary-color) !important; + opacity: 1; +} + +#typora-sidebar .file-tree-node { + padding: 0rem; + font-weight: 500; + font-size: 0.9rem; + margin-left: 0.8rem; +} + +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 1.6rem; + height: 1.6rem; + background: none; + opacity: 0.6; +} + +#typora-sidebar .file-tree-node:not(.file-node-root) .file-node-content:hover { + opacity: 1; +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 1.6rem; +} + +#typora-sidebar .file-tree-node .file-node-icon { + margin-right: 0.5rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o { + margin-top: 0rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.12rem; + margin-left: 0.2rem; +} + +#typora-sidebar .file-tree-node .fa-caret-down, +#typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 2px; +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 1.6rem; + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} + +/*no left border*/ +#typora-sidebar .file-tree-node.active > .file-node-background { + border: none; +} + +/*no dotted highlighting*/ +.file-library-node:not(.file-node-root):focus > .file-node-content { + outline: none; +} + +#typora-sidebar #sidebar-files-menu { + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#typora-sidebar #ty-sidebar-footer { + /* border-top: solid 1px var(--borders); */ + background-color: var(--borders); + font-weight: 500; +} + +#typora-sidebar #ty-sidebar-footer li { + transition-duration: 0.2s; + transition-property: background-color, color; +} + +#typora-sidebar #ty-sidebar-footer li:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-sidebar .ty-search-item-collapse-icon { + top: 9px; +} + +/*cursor*/ +.file-node-content:hover { + cursor: pointer; +} + +.file-tree-node:not(.file-node-root):not(.file-node-expanded) + .file-node-background { + transition-duration: 0.2s; + transition-property: background-color; +} + +/* .file-tree-node:not(.file-node-root):not(.file-node-expanded):hover .file-node-background{ + background-color: var(--borders); +} */ + +/*sidebar footer*/ +#typora-sidebar .sidebar-footer-item { + transition-duration: 0.2s; + transition-property: background-color, color; + font-weight: 700; +} + +#typora-sidebar .sidebar-footer-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-quick-open { + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 0rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#typora-quick-open-input { + margin-right: 20px; +} + +#typora-quick-open-input .input { + box-shadow: none; + border: none; + margin: 0.5rem; + margin-left: 0.8rem; +} + +.typora-quick-open-item { + background-color: var(--bg-color); + border: none; + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color; +} + +.typora-quick-open-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.typora-quick-open-item.active { + background-color: var(--boxes); + border: none; +} + +.ty-quick-open-category-title { + font-size: 10px; + font-weight: 700; + letter-spacing: 1.2px; + text-transform: uppercase; + opacity: 1; + color: var(--light-text-color); + line-height: 32px; + padding-top: 6px; + height: 32px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +.md-lang { + color: var(--primary-color); +} + +/*NOTIFICATION*/ + +#md-notification { + border-bottom: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#md-notifcation .btn { + border: 0; +} + +/*PREFERENCES*/ + +.ty-preferences { + font-family: var(--font-family); +} + +.ty-preferences .window-header { + justify-content: space-between; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-bottom: solid 1px var(--borders); +} + +.ty-preferences .window-header-content { + background-color: var(--bg-color); + margin: 0rem; +} + +.ty-preferences .window-header h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0rem; + margin-left: 1rem; +} + +.unibody-window .ty-preferences .window-header h2 { + margin-left: 1rem !important; +} + +.ty-preferences .window-header-back { + margin-left: 1.2rem; +} + +.ty-preferences .window-header-back .icon { + border-right: none; +} + +/*preferences sidebar*/ +.ty-preferences .window-content { + background-color: var(--bg-color); +} + +.ty-preferences .nav-group-item { + color: var(--text-color); + height: 2.5rem; + line-height: 2.6rem; + font-weight: 500; + padding: 0px 0px 0px 2rem; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.ty-preferences .nav-group-item:hover { + background-color: var(--borders); + border-radius: 0px; +} + +.ty-preferences .nav-group-item.active { + border-radius: 0rem; + border: none; + outline: 1px solid var(--borders); + background-color: var(--bg-color); + color: var(--primary-color); +} + +.ty-preferences .pane-sm { + background: var(--boxes); + flex-basis: 240px; + flex-grow: 0; + justify-content: center; + border-right: 1px solid var(--borders); + margin: 0rem; + padding: 0rem; +} + +.ty-preferences .pane-sm .list-group { + width: 100%; + max-width: 30rem; +} + +.ty-preferences .list-group-header { + display: flex; + justify-content: space-around; +} + +.ty-preferences .list-group-header div { + width: 100%; + margin-right: 18px; + margin-left: 18px; +} + +.ty-preferences .pane-sm .search-input { + margin: 0rem !important; + width: 100%; + font-size: 1rem !important; + height: 2.75rem; +} + +.ty-preferences .pane-sm .search-input:active, +.ty-preferences .pane-sm .search-input:focus { + border: solid 1px var(--primary-color) !important; + outline: none; +} + +/*preferences main*/ +.ty-preferences .panel-header { + font-weight: 600; + font-size: 1.6rem; +} + +/*preferences stuff*/ +.ty-preferences .dropdown-menu > li, +.dropdown-item { + font-weight: 500; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: all; +} + +.ty-preferences .dropdown-menu .active, +.ty-preferences .dropdown-menu li:hover, +.dropdown-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +#ty-spell-check-dict-missing-secondary-btn:hover { + color: var(--primary-color) !important; +} + +.header-close .icon { + border: none !important; +} +/*DROPDOWN*/ + +.dropdown-menu:not(.megamenu-menu-list), +.auto-suggest-container { + background-color: var(--bg-color); + border: solid 1px var(--borders) !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + user-select: none; +} + +.dropdown-menu > li > a { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +.dropdown-menu > .active > a, +.dropdown-menu > li > a:hover, +.menu-style-btn.active, +.context-menu.dropdown-menu > .active > a, +.context-menu.dropdown-menu > li > a:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.menu-style-btn { + color: var(--text-color); + border: none; + transition-duration: 0.2s; + transition-property: all; +} + +.menu-style-btn:hover { + color: var(--primary-color); + background-color: var(--boxes); + border: none; +} + +header .menu-style-btn:hover { + background-color: transparent; +} + +.menu-item-container { + padding: 0 12px 0 4px; +} + +.menu-item-container a.menu-style-btn { + padding: 0.3rem 0.6rem; + margin: 0; +} + +.dropdown-menu .divider { + border-color: var(--borders); +} + +/*BUTTON*/ + +.btn, +button, +.md-image-btn { + border: none !important; + border-radius: 0.3em !important; + color: var(--text-color) !important; + transition-duration: 0.2s; + transition-property: all; + font-size: 0.9em !important; + font-weight: 500; + outline: none; +} + +.btn-default, +.md-image-btn { + border: none !important; + border-radius: 0.3em !important; + background-color: var(--boxes) !important; +} + +.btn:hover, +.button-hover, +.md-image-btn:hover { + border: none; + border-radius: 0.3em; + background-color: var(--borders) !important; + color: var(--text-color); +} + +button:active, +button.active, +.btn:active, +.btn-default:active, +.md-image-btn:active { + border: none; + border-radius: 0.3em; + background-color: var(--boxes-darker) !important; + box-shadow: none; + outline: none; + color: var(--text-color); +} + +.btn:focus, +.md-image-btn:focus { + border: none !important; + outline: none !important; + background-color: var(--boxes-darker); +} + +.btn-primary { + border: none; + border-radius: 0.3em; + background-color: var(--primary-color); + color: white !important; +} + +.btn-primary:hover, +.btn-primary:focus { + color: white; + background-color: var(--primary-color-darker) !important; +} + +.btn.dropdown-toggle-split, +.btn.dropdown-toggle-split:hover { + border-radius: 0em 0.3em 0.3em 0em; +} + +#ty-spell-check-dict-missing-primary-btn { + border-radius: 0.3em 0em 0em 0.3em; +} + +.open > .dropdown-toggle.btn-primary { + background-color: var(--primary-color); + border-color: transparent; +} + +/*GHOST BUTTON*/ + +.window-header button, +#close-sidebar-menu-btn, +.html-for-mac .sidebar-tab-btn, +.label-hint, +.ty-table-edit .btn { + background-color: transparent !important; + color: var(--light-text-color) !important; + opacity: 1 !important; + transition-duration: 0.2s; + transition-property: color; +} + +.window-header button:hover, +.window-header button:focus, +#close-sidebar-menu-btn:hover, +#close-sidebar-menu-btn:focus, +.html-for-mac .sidebar-tab-btn:hover, +.html-for-mac .sidebar-tab-btn:focus, +.label-hint:hover, +.label-hint:focus, +.ty-table-edit .btn:hover, +.ty-table-edit .btn:focus { + color: var(--primary-color) !important; + background: none !important; +} + +.ty-table-edit .btn.active { + color: var(--primary-color) !important; + box-shadow: none; +} + +/*IMAGE BUTTON*/ + +.md-image-btn { + background-color: var(--boxes); + transition-duration: 0.2s; + transition-property: background-color; +} + +.md-image-btn:before { + color: var(--text-color); + transition-duration: 0.2s; + transition-property: color; +} + +.md-image-btn:hover { + background-color: var(--borders); +} + +.md-image-btn:hover:before { + color: var(--primary-color); +} + +.md-image-input-src-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.md-image-pick-file-btn { + border-left: none; + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +/*SEARCH-INPUTS*/ + +.search-input, +.search, +.form-control, +#file-library-search-input { + background-color: transparent !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker2) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500; + padding: 0.7rem !important; + height: 2rem; + transition-duration: 0.2s; + transition-property: border; +} + +.search-input:focus, +.search:focus, +.form-control:focus, +#file-library-search-input:focus { + background-color: transparent !important; + border-radius: 0.3rem !important; + border-color: var(--primary-color) !important; + box-shadow: none !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500; + padding: 0.7rem !important; +} + +.search-input::placeholder, +.search::placeholder, +.form-control::placeholder, +#file-library-search-input::placeholder { + color: var(--light-text-color-brighter) !important; +} + +.clear-btn-icon { + top: 9px !important /*required*/; + right: 9px !important /*required*/; +} + +.content tr.search-hit, +.search-hit, +.md-search-hit, +.md-search-hit.md-search-select, +.md-search-select, +.ty-file-search-match-text { + background: rgba(56, 132, 255, 0.3) !important; +} + +/*SEARCHPANEL*/ + +#md-searchpanel { + border-bottom: 1px solid var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + max-height: 46px; +} + +#md-searchpanel.searchpanel-replace-mode { + max-height: 84px; +} + +#md-searchpanel input { + height: 2rem; + margin: 0rem !important; + padding: 6px 12px !important; + font-size: 12px !important; +} + +#md-searchpanel .input-group-addon { + height: 2rem; +} + +#md-searchpanel .input-group-addon.close-btn { + padding-left: 8px; +} + +.unibody-window #md-searchpanel .btn { + line-height: 2rem; +} + +.searchpanel-search-option-btn { + top: 9px; + border: none; + color: var(--light-text-color-brighter) !important /*required*/; + transition-duration: 0.3s; +} + +.searchpanel-search-option-btn:hover { + color: var(--primary-color) !important /*required*/; + background-color: transparent !important /*required*/; +} + +.searchpanel-search-option-btn.select, +.searchpanel-search-option-btn.active { + color: white !important; + background-color: var(--primary-color) !important; +} + +#searchpanel-case-option-btn { + right: 33px; +} + +#searchpanel-word-option-btn { + right: 9px; +} + +#searchpanel-word-option-btn, +#searchpanel-case-option-btn { + background: none; +} + +#md-searchpanel .btn:not(.close-btn):hover { + box-shadow: none; +} + +/*NUMBER-INPUT*/ + +input[type="text"]::placeholder { + color: var(--light-text-color-brighter) !important; +} + +input[type="number"] { + background-color: var(--boxes) !important; + border: none !important; + border-radius: 0.3rem; +} + +input[type="number"]:focus { + background-color: var(--item-hover-bg-color) !important; +} + +/*SELECTS*/ + +select { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker2) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500 !important; + padding: 0.3rem !important; + height: 2.1rem; + transition-duration: 0.2s; + transition-property: border; +} + +select:hover { + background-color: var(--bg-color) !important; + border-radius: 0r3em !important; + border-color: var(--primary-color) !important; + box-shadow: none !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; +} + +/*MODAL*/ + +.modal-header, +#common-dialog .modal-header { + border-bottom: solid 1px var(--borders); + padding-bottom: 15px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + user-select: none; +} + +.modal-body { + font-size: 0.9rem; + color: var(--light-text-color-brighter); + user-select: none; +} + +.modal-content { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; +} + +.modal-footer { + border-top: solid 1px var(--borders); +} + +.modal-open .modal.fade.in { + background-color: rgba(2, 7, 12, 0.781); +} + +/*SCROLLBAR*/ + +::-webkit-scrollbar { + width: 9px; + height: 8px; + padding: 4px; + position: absolute; + background-color: var(--borders); + border: solid 1px var(--boxes-darker); + border-radius: 4.5px; +} + +::-webkit-scrollbar:hover { + background-color: var(--borders); +} + +::-webkit-scrollbar-corner { + background: 0 0; +} + +::-webkit-scrollbar-thumb { + background: var(--boxes-darker2); + background-clip: padding-box; + border-radius: 4.5px; + margin-right: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--boxes-darkest); +} + +::-webkit-scrollbar-thumb:active { + background: var(--boxes-darkest); +} + +/*LANGS*/ + +.ty-spell-check-panel-item { + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color, color; +} + +.ty-spell-check-panel-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.ty-spell-check-panel-item.ty-active { + background-color: var(--boxes); +} + +/*TOOLTIP*/ + +.ty-tooltip { + color: var(--text-color) !important; + background-color: var(--boxes) !important; + border-radius: 0.3rem !important; + border: 1px solid var(--borders) !important; + -webkit-filter: none !important; + filter: none; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +/*FOOTER*/ + +footer.ty-footer { + border: none; +} + +.footer-item:hover { + background-color: var(--boxes) !important; +} + +#footer-word-count-info { + padding: 4px 0; +} + +.footer-word-count-info-line { + padding: 0.25rem; + line-height: 1.6rem; +} + +#footer-word-count-info tr { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +#footer-word-count-info tr td:nth-child(1) { + padding: 0rem; + padding-right: 1rem; +} + +#footer-word-count-info .ty-footer-word-count-all tr:hover { + color: var(--primary-color) !important; + background-color: var(--boxes) !important; +} + +/*MEGAMENU*/ + +.megamenu-menu { + box-shadow: none; + background-color: var(--boxes); + border-right: 1px solid var(--borders); +} + +.megamenu-opened .megamenu-menu { + left: 0px; +} + +#megamenu-menu-list { + box-shadow: none; + border: none; + background-color: transparent; +} + +#megamenu-menu-list li a { + color: var(--text-color); + height: 2rem; + line-height: 1.8rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#megamenu-menu-list li a:hover { + background-color: var(--borders); +} + +#megamenu-menu-list li a.active { + color: var(--primary-color); + background-color: var(--bg-color); + outline: solid 1px var(--borders); +} + +#megamenu-menu-list .divider { + background-color: var(--borders); + margin: 16px 0 0 0; +} + +.megamenu-menu-list .saved #m-saved { + cursor: default; +} + +.megamenu-menu-list .saved #m-saved .fa { + color: var(--primary-color); +} + +.megamenu-menu-list .saved #m-saved:hover { + background-color: transparent; +} + +.megamenu-menu-list #m-close:hover { + color: var(--danger-color); +} + +.megamenu-menu-header { + border-bottom: solid 1px var(--borders); + margin-bottom: 1.2rem; + height: 74px; + transition-duration: 0.3s; +} + +.megamenu-menu-header:hover { + background-color: var(--borders); +} + +.megamenu-menu-header #megamenu-menu-header-title { + color: var(--text-color); + font-weight: 700; + font-size: 16px; + left: 56px; + top: 24px; +} + +#megamenu-back-btn { + color: var(--text-color); + font-size: 16px; + left: 24px; + top: 24px; +} + +.megamenu-opened header { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-content { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-menu-panel:not(:first-of-type) { + margin-top: 2rem; +} + +.megamenu-menu-panel h1 { + font-weight: 900; + font-size: 1.8rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +.megamenu-menu-panel h2 { + font-weight: 800; + font-size: 1.3rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +/*recent files*/ + +#recent-file-panel tbody tr { + font-weight: 600; + transition-duration: 0.4s; +} + +#recent-file-panel tbody tr:hover, +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: var(--primary-color); +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: var(--boxes); +} + +/*about help*/ + +.about-content-slogon { + color: var(--light-text-color); +} + +/*for the god himself*/ +.about-content-slogon span { + color: var(--primary-color) !important; +} + +#about-content tbody tr { + font-weight: 500; + transition-duration: 0.4s; +} + +#about-content tbody tr:hover { + color: var(--primary-color); + background-color: var(--boxes) !important /*required important*/; +} + +.long-btn { + margin-bottom: 12px; + margin-left: 2px; + box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 500; + font-size: 1rem; + + transition-duration: 0.2s; +} + +.long-btn:hover { + background-color: var(--bg-color); + border: 1px solid var(--primary-color); + color: var(--primary-color) !important /*important required*/; +} + +#m-import-local:hover .preference-item-hint { + color: var(--primary-color); + opacity: 0.7; +} + +#recent-file-panel-action-btn { + height: 34px; + border: none; + background-color: var(--boxes); +} + +#theme-preview-grid { + max-width: none; + padding: 1rem; + background-color: var(--boxes); + border-radius: 0.5rem; +} + +.theme-preview-div { + border: none; + border-radius: 0.4rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; + margin: 0.75rem; + transition-duration: 0.3s; +} + +.theme-preview-div:hover { + box-shadow: rgba(0, 0, 0, 0.6) 3px 8px 15px; + cursor: pointer; + transform: rotate3d(1, -0.2, 0.2, 15deg); +} + +.theme-preview-content { + width: 100%; + height: 100%; + border-radius: 0.4rem; +} + +.theme-preview-content html { + width: 100%; + height: 100%; +} + +.theme-preview-div.active .fa { + color: var(--primary-color); + bottom: 4px; + left: 4px; +} + +.theme-preview-div .fa-check-circle:before { + background-color: var(--bg-color); + padding: 0px 2px; + border-radius: 1rem; +} + +.megamenu-menu-panel tbody tr { + border-radius: 0.3rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.megamenu-menu-panel tbody tr:hover { + background-color: var(--borders) !important /*required important*/; +} + +/*MIN MAX CLOSE*/ +#w-min, +#w-max, +#w-restore, +#w-close { + border-radius: 0px !important; + font-size: 10px !important; + width: 46px !important; + height: 29px !important; +} + +.btn.toolbar-icon svg, +.btn.toolbar-icon .ty-icon { + position: relative; + top: 2px; +} + +#w-close.btn.toolbar-icon .ty-icon { + left: 1px; +} + +#w-close:hover { + background-color: var(--danger-color) !important; + color: white !important; +} + +/*EXTRA STUFF*/ + +a[type="page-link"] { + display: block; + background-color: var(--bg-color); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 600; + + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +a[type="page-link"]:hover { + box-shadow: rgba(0, 0, 0.2, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--primary-color); +} + +p[type="description"] { + color: var(--light-text-color); + margin: 0rem; + margin-bottom: 1rem; +} + +p > .md-image:only-child:not(.md-img-error) img, +p > img:only-child { + display: inline-block; +} diff --git a/themes/godopu-dark/Roboto-Black.ttf b/themes/godopu-dark/Roboto-Black.ttf new file mode 100644 index 0000000..2d45238 Binary files /dev/null and b/themes/godopu-dark/Roboto-Black.ttf differ diff --git a/themes/godopu-dark/Roboto-BlackItalic.ttf b/themes/godopu-dark/Roboto-BlackItalic.ttf new file mode 100644 index 0000000..29a4359 Binary files /dev/null and b/themes/godopu-dark/Roboto-BlackItalic.ttf differ diff --git a/themes/godopu-dark/Roboto-Bold.ttf b/themes/godopu-dark/Roboto-Bold.ttf new file mode 100644 index 0000000..d998cf5 Binary files /dev/null and b/themes/godopu-dark/Roboto-Bold.ttf differ diff --git a/themes/godopu-dark/Roboto-BoldItalic.ttf b/themes/godopu-dark/Roboto-BoldItalic.ttf new file mode 100644 index 0000000..b4e2210 Binary files /dev/null and b/themes/godopu-dark/Roboto-BoldItalic.ttf differ diff --git a/themes/godopu-dark/Roboto-Italic.ttf b/themes/godopu-dark/Roboto-Italic.ttf new file mode 100644 index 0000000..5b390ff Binary files /dev/null and b/themes/godopu-dark/Roboto-Italic.ttf differ diff --git a/themes/godopu-dark/Roboto-Light.ttf b/themes/godopu-dark/Roboto-Light.ttf new file mode 100644 index 0000000..3526798 Binary files /dev/null and b/themes/godopu-dark/Roboto-Light.ttf differ diff --git a/themes/godopu-dark/Roboto-LightItalic.ttf b/themes/godopu-dark/Roboto-LightItalic.ttf new file mode 100644 index 0000000..46e9bf7 Binary files /dev/null and b/themes/godopu-dark/Roboto-LightItalic.ttf differ diff --git a/themes/godopu-dark/Roboto-Medium.ttf b/themes/godopu-dark/Roboto-Medium.ttf new file mode 100644 index 0000000..f714a51 Binary files /dev/null and b/themes/godopu-dark/Roboto-Medium.ttf differ diff --git a/themes/godopu-dark/Roboto-MediumItalic.ttf b/themes/godopu-dark/Roboto-MediumItalic.ttf new file mode 100644 index 0000000..5dc6a2d Binary files /dev/null and b/themes/godopu-dark/Roboto-MediumItalic.ttf differ diff --git a/themes/godopu-dark/Roboto-Regular.ttf b/themes/godopu-dark/Roboto-Regular.ttf new file mode 100644 index 0000000..2b6392f Binary files /dev/null and b/themes/godopu-dark/Roboto-Regular.ttf differ diff --git a/themes/godopu-dark/Roboto-Thin.ttf b/themes/godopu-dark/Roboto-Thin.ttf new file mode 100644 index 0000000..4e797cf Binary files /dev/null and b/themes/godopu-dark/Roboto-Thin.ttf differ diff --git a/themes/godopu-dark/Roboto-ThinItalic.ttf b/themes/godopu-dark/Roboto-ThinItalic.ttf new file mode 100644 index 0000000..eea836f Binary files /dev/null and b/themes/godopu-dark/Roboto-ThinItalic.ttf differ diff --git a/themes/godopu-dark/SourceCodePro-Regular.ttf b/themes/godopu-dark/SourceCodePro-Regular.ttf new file mode 100644 index 0000000..3563e73 Binary files /dev/null and b/themes/godopu-dark/SourceCodePro-Regular.ttf differ diff --git a/themes/godopu-dark/fonts.css b/themes/godopu-dark/fonts.css new file mode 100644 index 0000000..1ff856d --- /dev/null +++ b/themes/godopu-dark/fonts.css @@ -0,0 +1,88 @@ +/* roboto-300 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + src: local('Roboto Light'), local('Roboto-Light'), + url('Roboto-Light.ttf') format('truetype'); +} +/* roboto-300italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 300; + src: local('Roboto Light Italic'), local('Roboto-LightItalic'), + url('Roboto-LightItalic.ttf') format('truetype'); +} +/* roboto-regular - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('Roboto-Regular.ttf') format('truetype'); +} +/* roboto-italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + src: local('Roboto Italic'), local('Roboto-Italic'), + url('Roboto-Italic.ttf') format('truetype'); +} +/* roboto-500 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: local('Roboto Medium'), local('Roboto-Medium'), + url('Roboto-Medium.ttf') format('truetype'); +} +/* roboto-500italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 500; + src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), + url('Roboto-MediumItalic.ttf') format('truetype'); +} +/* roboto-700 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: local('Roboto Bold'), local('Roboto-Bold'), + url('Roboto-Bold.ttf') format('truetype'); +} +/* roboto-700italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 700; + src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), + url('Roboto-BoldItalic.ttf') format('truetype'); +} +/* roboto-900 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 900; + src: local('Roboto Black'), local('Roboto-Black'), + url('Roboto-Black.ttf') format('truetype'); +} +/* roboto-900italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 900; + src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), + url('Roboto-BlackItalic.ttf') format('truetype'); +} +/* sorucecodepro-400 - latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Code Pro'), local('SourceCodePro-Regular'), + url('SourceCodePro-Regular.ttf') format('truetype'); +} \ No newline at end of file diff --git a/themes/godopu.css b/themes/godopu.css new file mode 100644 index 0000000..a4ae3e5 --- /dev/null +++ b/themes/godopu.css @@ -0,0 +1,600 @@ +/* @include-when-export url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic); +@include-when-export url(https://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext); */ +@import "godopu/codeblock.dark.css"; + +/* @charset "UTF-8"; */ +@font-face { + font-family: "TeXGyreAdventor"; + font-style: normal; + font-weight: normal; + src: url(./godopu/texgyreadventor-regular.otf); +} + +@font-face { + font-family: "TeXGyreAdventor"; + font-style: normal; + font-weight: bold; + src: url(./godopu/texgyreadventor-bold.otf); +} + +@font-face { + font-family: "TeXGyreAdventor"; + font-style: italic; + font-weight: normal; + src: url(./godopu/texgyreadventor-italic.otf); +} + +@font-face { + font-family: "TeXGyreAdventor"; + font-style: italic; + font-weight: bold; + src: url(./godopu/texgyreadventor-bolditalic.otf); +} + +:root { + --dracula-background: #282a36; + --dracula-current-line: #44475a; + --dracula-section: #2c2c2c; + --dracula-foreground: #f8f8f2; + --dracula-comment: #6272a4; + --dracula-cyan: #8be9fd; + --dracula-green: #50fa7b; + --dracula-orange: #ffb86c; + --dracula-pink: #ff79c6; + --dracula-purple: #bd93f9; + --dracula-red: #ff5555; + --dracula-yellow: #f1fa8c; + + --window-border: none; + --typora-center-window-title: true; + --active-file-bg-color: #282a36; + --bg-color: #fcfcfc; + + --control-text-color: white; + --control-text-hover-color: var(--dracula-cyan); + + --side-bar-bg-color: var(--dracula-section); + --active-file-text-color: white; +} + +#info-panel-tab-file, +#info-panel-tab-outline { + color: #eee; +} + +#info-panel-tab-file:hover, +#info-panel-tab-outline:hover { + color: var(--dracula-comment); +} + +/* .mac-seamless-mode #typora-sidebar { + top: var(--mac-title-bar-height); + padding-top: 0; + height: auto; + background-color: var(--side-bar-bg-color); + border-radius : 0 10px 10px 0; +} */ + +html, +body, +#write { + font-family: "TeXGyreAdventor", "Century Gothic", "Yu Gothic", "Raleway", + "STHeiti", sans-serif; + font-weight: 300; +} + +body { + padding-top: 1cm; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #282a36; + font-family: "TeXGyreAdventor", "Century Gothic", "Yu Gothic", "Ubuntu", + "STHeiti", sans-serif; +} + +html, +body { + font-size: 16px; +} + +#write { + max-width: 75rem; + text-align: justify; + font-size: 1rem; +} + +#write > h1, +h2, +h3, +h4:first-child { + margin-top: 0rem; +} + +h1 { + font-size: 2rem; + font-weight: bold; + line-height: 4rem; + margin: 0 0 1rem; + text-align: center; + margin-top: 2rem; +} + +h2 { + font-size: 1.8rem; + font-weight: bold; + border-bottom: 1px solid #ccc; + line-height: 3rem; + margin: 0 0 1rem; + margin-top: 1rem; +} + +h3 { + font-size: 1.6rem; + font-weight: bold; + margin-left: 1rem; +} +/* h3:before { + content : "> "; + color : darkgray; +} */ + +h4 { + font-size: 1.4rem; + font-weight: bold; + margin-left: 2rem; +} + +h4:before { + font-size: 1.2rem; + content: "□ "; + color: #282a36; +} + +h5 { + font-size: 1.1rem; + font-weight: bold; + margin-left: 3rem; +} + +h5:before { + content: "○ "; + color: #282a36; +} + +h6 { + font-size: 1rem; + font-weight: bold; + margin-left: 4rem; +} + +h6:before { + content: "─ "; + color: #282a36; +} + +p { + color: #111; + line-height: 1.75rem; + margin: 0 0 1rem; +} + +/* u{ + font-style: normal; + text-decoration : none; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,192,200,0.25), + rgba(255,192,200,1) 100%, + rgba(255,192,200,0.45) + ); +} */ + +#write > h3.md-focus:before { + left: -1.875rem; + top: 0.5rem; + padding: 2px; +} + +#write > h4.md-focus:before { + left: -1.875rem; + top: 0.3125rem; + padding: 2px; +} + +#write > h5.md-focus:before { + left: -1.875rem; + top: 0.25rem; + padding: 2px; +} + +#write > h6.md-focus:before { + left: -1.875rem; + top: 0.125rem; + padding: 2px; +} + +@media print { + html, + body { + margin: 0rem; + padding: 0rem; + } + #write { + padding-top: 0rem; + } +} +@page { + size: auto; /* auto is the initial value */ + /* this affects the margin in the printer settings */ + margin: 5mm 0mm 5mm 0mm; +} + +a, +.md-def-url { + color: #990000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* table { + margin-bottom: 20px +} + +table th, table td { + padding: 8px; + line-height: 1.25rem; + vertical-align: top; + border-top: 1px solid #ddd +} + +table th { + font-weight: bold +} + +table thead th { + vertical-align: bottom +} + +table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { + border-top: 0 +} + +table tbody+tbody { + border-top: 2px solid #ddd +} */ +table { + margin: 0.8em 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; + text-align: center; +} +table tr td { + border: 1px solid #dfe2e5; + 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; +} + +.md-fences { + background: var(--dracula-background); + color: #dedede; + /* border : 1px solid; */ + /* border-color : var(--dracula-background); */ + padding: 0.5em; + /*background: #f0f0f0;*/ + /* border: 1px solid #; */ + + border-radius: 15px; + padding: 0.1em; + font-size: 16px; + margin: 5px; + padding: 20px; +} + +.task-list { + padding-left: 0; +} + +.task-list-item { + padding-left: 2.125rem; +} + +.task-list-item input { + top: 3px; +} + +.task-list-item input:before { + content: ""; + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: middle; + text-align: center; + border: 1px solid gray; + background-color: #fdfdfd; + margin-left: 0; + margin-top: -0.8rem; +} + +.task-list-item input:checked:before, +.task-list-item input[checked]:before { + content: "\25FC"; + /*◘*/ + font-size: 0.8125rem; + line-height: 0.9375rem; + margin-top: -1rem; +} + +/* Chrome 29+ */ + +@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { + .task-list-item input:before { + margin-top: -0.2rem; + } + .task-list-item input:checked:before, + .task-list-item input[checked]:before { + margin-top: -0.2rem; + } +} + +blockquote { + margin: 0 0 1.11111rem; + padding: 0.5rem 1.11111rem 0 1.05556rem; + border-left: 1px solid gray; +} + +blockquote, +blockquote p { + line-height: 1.6; + color: #6f6f6f; +} + +#write pre.md-meta-block { + background: transparent; + border-bottom: solid; + border-color: #393451; + width: auto; + font-family: "Times New Roman", Times, serif; + font-size: 20px; + font-weight: bold; + margin: 0em; + margin-top: -0.5em; + color: #393451; + max-width: 100%; + /* text-align : center; */ +} + +.MathJax_Display { + font-size: 0.9em; + margin-top: 0.5em; + margin-bottom: 0; +} + +p.mathjax-block, +.mathjax-block { + padding-bottom: 0; +} + +.mathjax-block > .code-tooltip { + bottom: 5px; + box-shadow: none; +} + +.md-image > .md-meta { + padding-left: 0.5em; + padding-right: 0.5em; +} + +.md-image > img { + margin-top: 2px; +} + +p > .md-image:only-child:not(.md-img-error) img, +p > img:only-child { + display: inline-block; +} + +.md-image > .md-meta:first-of-type:before { + padding-left: 4px; +} + +#typora-source { + color: #555; +} + +/** ui for windows **/ + +#md-searchpanel { + border-bottom: 1px solid #ccc; +} + +#md-searchpanel .btn { + border: 1px solid #ccc; +} + +#md-notification:before { + top: 14px; +} + +#md-notification { + background: #eee; +} + +.megamenu-menu-panel .btn { + border: 1px solid #ccc; +} + +/* #typora-sidebar { + box-shadow: none; + border-radius : 0 15px 15px 0px; + margin : 10px 0 10px 0; + height : calc(100% - 20px); + color : white; +} */ + +#typora-sidebar { + box-shadow: none; + color: white; +} + +.file-list-item, +.show-folder-name .file-list-item { + padding-top: 20px; + padding-bottom: 20px; + line-height: 20px; +} + +.file-list-item-summary { + height: 40px; + line-height: 20px; +} + +mark { + font-style: normal; + border-width: 0px; + background: white; + background-image: linear-gradient( + -100deg, + rgba(135, 206, 235, 0.25), + rgba(135, 206, 235, 1) 100%, + rgba(135, 206, 235, 0.45) + ); +} + +code { + background-color: #e1e1e1; + border-width: px; +} + +#typora-sidebar code { + color: black; +} + +/* code { + font-style: normal; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,250,100,0.25), + rgba(255,250,100,1) 100%, + rgba(255,250,100,0.45) + ); +} */ + +hr { + background-color: lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height: 0.06cm; + margin: 2rem 10rem; + page-break-after: always; +} +/* box-shadow: 0 0 6px 1px RGB(40,42,54); */ + +hr:after { + /* Not really supposed to work, but does */ + content: "\00a0"; /* Prevent margin collapse */ +} + +strong strong { + background: #f27a70; + color: white; + padding: 3px 5px; + margin: -3px 3px 0px 3px; + line-height: 1.7; + border-radius: 10px; + border-width: 0px; +} + +blockquote { + border-left: solid 4px skyblue; +} + +html, +body { + margin: auto; + padding: 0; + place-items: center; +} +.page { + box-sizing: border-box; + height: 100%; + width: 100%; + border: 1px solid transparent; + page-break-after: always; +} +.page-middle { + height: 100%; + width: 100%; + display: table; +} +.page-middle-inner { + height: 100%; + width: 100%; + display: table-cell; + vertical-align: middle; +} + +#sidebar-files-menu { + border: solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); + color: black; +} + +#ty-sort-by-natural-btn, +#ty-sort-by-name-btn, +#ty-sort-by-date-btn { + background-color: white; +} + +#typora-quick-open { + color: white; +} + +#file-library-search-input { + color: white; + background-color: transparent; +} +#typora-sidebar > * { + background-color: transparent; +} diff --git a/themes/godopu.rfc.css b/themes/godopu.rfc.css new file mode 100644 index 0000000..0a4249a --- /dev/null +++ b/themes/godopu.rfc.css @@ -0,0 +1,548 @@ +/* @include-when-export url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic); +@include-when-export url(https://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext); */ +@import "godopu/codeblock.dark.css"; + +/* @charset "UTF-8"; */ +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: normal; + src: url(./godopu/texgyreadventor-regular.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: bold; + src: url(./godopu/texgyreadventor-bold.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: normal; + src: url(./godopu/texgyreadventor-italic.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: bold; + src: url(./godopu/texgyreadventor-bolditalic.otf); +} + +:root { + --dracula-background:#282a36; + --dracula-current-line:#44475a; + --dracula-section:#363849; + --dracula-foreground:#f8f8f2; + --dracula-comment:#6272a4; + --dracula-cyan:#8be9fd; + --dracula-green:#50fa7b; + --dracula-orange:#ffb86c; + --dracula-pink:#ff79c6; + --dracula-purple:#bd93f9; + --dracula-red:#ff5555; + --dracula-yellow:#f1fa8c; + + --window-border: none; + --typora-center-window-title: true; + --active-file-bg-color: #282a36; + --bg-color: #fcfcfc; + + --control-text-color: white; + --control-text-hover-color: var(--dracula-cyan); + + --side-bar-bg-color: var(--dracula-section); + --active-file-text-color : white; +} + +#info-panel-tab-file, +#info-panel-tab-outline +{ + color : #eee; +} + +#info-panel-tab-file:hover, +#info-panel-tab-outline:hover +{ + color : var(--dracula-comment); +} + +/* .mac-seamless-mode #typora-sidebar { + top: var(--mac-title-bar-height); + padding-top: 0; + height: auto; + background-color: var(--side-bar-bg-color); + border-radius : 0 10px 10px 0; +} */ + +html, body, #write { + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Raleway', "STHeiti", sans-serif; + font-weight: 300; +} + +body{ + padding-top : 1cm; +} + +h1, h2, h3, h4, h5, h6 { + color : #6272a4; + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Ubuntu', "STHeiti", sans-serif; +} + +html, body{ + font-size: 16px; +} + +#write { + max-width: 750px; + text-align: justify; +} + +#write>h1, h2, h3, h4:first-child { + margin-top: 0rem; +} + +h1 { + font-weight: bold; + line-height: 4rem; + margin: 0 0 1rem; + text-align: center; + margin-top: 2rem; +} + +h2 { + font-weight: bold; + border-bottom: 1px solid #ccc; + line-height: 3rem; + margin: 0 0 1rem; + margin-top: 1rem; +} + +h3 { + font-weight: bold; + margin-left: 1rem; +} +/* h3:before { + content : "> "; + color : darkgray; +} */ + +h4 { + font-weight: bold; + margin-left: 2rem; +} + +h4:before { + content : "□ "; + color : #6272a4; +} + +h5 { + font-size: 1.125rem; + font-weight: bold; + margin-left: 3rem; +} + +h5:before { + content : "○ "; + color : #6272a4; +} + +h6 { + font-size: 1rem; + font-weight: bold; + margin-left: 4rem; +} + +h6:before { + content : "─ "; + color : #6272a4; +} + +p { + color: #111; + font-size: 1rem; + line-height: 1.75rem; + margin: 0 0 1rem; +} + +u{ + font-style: normal; + text-decoration : none; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,192,200,0.25), + rgba(255,192,200,1) 100%, + rgba(255,192,200,0.45) + ); +} + +#write>h3.md-focus:before { + left: -1.875rem; + top: 0.5rem; + padding: 2px; +} + +#write>h4.md-focus:before { + left: -1.875rem; + top: 0.3125rem; + padding: 2px; +} + +#write>h5.md-focus:before { + left: -1.875rem; + top: 0.25rem; + padding: 2px; +} + +#write>h6.md-focus:before { + left: -1.875rem; + top: .125rem; + padding: 2px; +} + +@media print { + html, body{margin : 0rem; padding : 0rem} + #write{padding-top : 0rem;} + h1 {page-break-before: always; margin-top : 0rem;} +} +@page +{ + size: auto; /* auto is the initial value */ + /* this affects the margin in the printer settings */ + margin: 13mm 3mm 13mm 3mm; +} + +@media screen and (max-width: 70rem) { + blockquote { + margin-left: 1rem; + margin-right: 0; + padding: 0em; + } +} + +a, .md-def-url { + color: #990000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* table { + margin-bottom: 20px +} + +table th, table td { + padding: 8px; + line-height: 1.25rem; + vertical-align: top; + border-top: 1px solid #ddd +} + +table th { + font-weight: bold +} + +table thead th { + vertical-align: bottom +} + +table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { + border-top: 0 +} + +table tbody+tbody { + border-top: 2px solid #ddd +} */ +table{ + margin: 0.8em 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; + text-align : center; +} +table tr td { + border: 1px solid #dfe2e5; + 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; +} + +.md-fences { + background : var(--dracula-background); + color : #dedede; + /* border : 1px solid; */ + /* border-color : var(--dracula-background); */ + padding: .5em; + /*background: #f0f0f0;*/ + /* border: 1px solid #; */ + + border-radius : 15px; + padding: .1em; + font-size: 16px; + margin : 5px; + padding :20px; +} + +.task-list { + padding-left: 0; +} + +.task-list-item { + padding-left: 2.125rem; +} + +.task-list-item input { + top: 3px; +} + +.task-list-item input:before { + content: ""; + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: middle; + text-align: center; + border: 1px solid gray; + background-color: #fdfdfd; + margin-left: 0; + margin-top: -0.8rem; +} + +.task-list-item input:checked:before, .task-list-item input[checked]:before { + content: '\25FC'; + /*◘*/ + font-size: 0.8125rem; + line-height: 0.9375rem; + margin-top: -1rem; +} + +/* Chrome 29+ */ + +@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { + .task-list-item input:before { + margin-top: -0.2rem; + } + .task-list-item input:checked:before, .task-list-item input[checked]:before { + margin-top: -0.2rem; + } +} + +blockquote { + margin: 0 0 1.11111rem; + padding: 0.5rem 1.11111rem 0 1.05556rem; + border-left: 1px solid gray; +} + +blockquote, blockquote p { + line-height: 1.6; + color: #6f6f6f; +} + +#write pre.md-meta-block { + min-height: 30px; + background: #f8f8f8; + padding: 1.5em; + font-weight: 300; + font-size: 1em; + padding-bottom: 1.5em; + padding-top: 3em; + margin-top: -1.5em; + color: #999; + width: 100vw; + max-width: calc(100% + 60px); + margin-left: -30px; + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; +} + +.MathJax_Display { + font-size: 0.9em; + margin-top: 0.5em; + margin-bottom: 0; +} + +p.mathjax-block, .mathjax-block { + padding-bottom: 0; +} + +.mathjax-block>.code-tooltip { + bottom: 5px; + box-shadow: none; +} + +.md-image>.md-meta { + padding-left: 0.5em; + padding-right: 0.5em; +} + +.md-image>img { + margin-top: 2px; + max-width : 800px; +} + +p>.md-image:only-child:not(.md-img-error) img, p>img:only-child{ + display : inline-block; +} + +.md-image>.md-meta:first-of-type:before { + padding-left: 4px; +} + +#typora-source { + color: #555; +} + +/** ui for windows **/ + +#md-searchpanel { + border-bottom: 1px solid #ccc; +} + +#md-searchpanel .btn { + border: 1px solid #ccc; +} + +#md-notification:before { + top: 14px; +} + +#md-notification { + background: #eee; +} + +.megamenu-menu-panel .btn { + border: 1px solid #ccc; +} + +#typora-sidebar { + box-shadow: none; + border-radius : 0 15px 15px 0px; + margin : 10px 0 10px 0; + height : calc(100% - 20px); + color : white; +} + +.file-list-item, .show-folder-name .file-list-item { + padding-top: 20px; + padding-bottom: 20px; + line-height: 20px; +} + +.file-list-item-summary { + height: 40px; + line-height: 20px; +} + + +mark { + font-style: normal; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(135,206,235,0.25), + rgba(135,206,235,1) 100%, + rgba(135,206,235,0.45) + ); +} + +code { + font-style: normal; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,250,100,0.25), + rgba(255,250,100,1) 100%, + rgba(255,250,100,0.45) + ); +} + +hr{ + background-color : lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height:.06cm; + margin : 2rem 10rem; + page-break-after: always; +} +/* box-shadow: 0 0 6px 1px RGB(40,42,54); */ + +hr:after { /* Not really supposed to work, but does */ + content: "\00a0"; /* Prevent margin collapse */ +} + +strong strong { + background: #f27a70; + color: white; + padding: 3px 5px; + margin: -3px 3px 0px 3px; + line-height: 1.7; + border-radius: 10px; + border-width : 0px; +} + +blockquote { + border-left: solid 4px skyblue; +} + +html, body{margin: auto; padding: 0;place-items:center;} +.page{box-sizing: border-box; height: 100%; width: 100%; border: 1px solid transparent; page-break-after: always;} +.page-middle{height: 100%; width: 100%; display: table;} +.page-middle-inner{height: 100%; width: 100%; display: table-cell; vertical-align: middle;} + +#sidebar-files-menu { + border:solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); + color : black; +} + +#ty-sort-by-natural-btn, #ty-sort-by-name-btn, #ty-sort-by-date-btn{ + background-color: white; +} + +#typora-quick-open{ + color : white; +} + +#file-library-search-input { + color : white; + background-color : transparent; +} +#typora-sidebar > * { + background-color : transparent; +} \ No newline at end of file diff --git a/themes/godopu/GUST e-foundry License.txt b/themes/godopu/GUST e-foundry License.txt new file mode 100644 index 0000000..ad80c74 --- /dev/null +++ b/themes/godopu/GUST e-foundry License.txt @@ -0,0 +1,29 @@ +This is a preliminary version (2006-09-30), barring acceptance from +the LaTeX Project Team and other feedback, of the GUST Font License. +(GUST is the Polish TeX Users Group, http://www.gust.org.pl) + +For the most recent version of this license see +http://www.gust.org.pl/fonts/licenses/GUST-FONT-LICENSE.txt +or +http://tug.org/fonts/licenses/GUST-FONT-LICENSE.txt + +This work may be distributed and/or modified under the conditions +of the LaTeX Project Public License, either version 1.3c of this +license or (at your option) any later version. + +Please also observe the following clause: +1) it is requested, but not legally required, that derived works be + distributed only after changing the names of the fonts comprising this + work and given in an accompanying "manifest", and that the + files comprising the Work, as listed in the manifest, also be given + new names. Any exceptions to this request are also given in the + manifest. + + We recommend the manifest be given in a separate file named + MANIFEST-.txt, where is some unique identification + of the font family. If a separate "readme" file accompanies the Work, + we recommend a name of the form README-.txt. + +The latest version of the LaTeX Project Public License is in +http://www.latex-project.org/lppl.txt and version 1.3c or later +is part of all distributions of LaTeX version 2006/05/20 or later. \ No newline at end of file diff --git a/themes/godopu/codeblock.dark.css b/themes/godopu/codeblock.dark.css new file mode 100644 index 0000000..508c0f1 --- /dev/null +++ b/themes/godopu/codeblock.dark.css @@ -0,0 +1,109 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** code highlight */ + +.cm-s-inner .cm-variable, +.cm-s-inner .cm-operator, +.cm-s-inner .cm-property { + color: #b8bfc6; +} + +.cm-s-inner .cm-keyword { + color: #C88FD0; +} + +.cm-s-inner .cm-tag { + color: #7DF46A; +} + +.cm-s-inner .cm-attribute { + color: #7575E4; +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #b8bfc6; + z-index: 3; +} + +.cm-s-inner .cm-string { + color: #D26B6B; +} + +.cm-s-inner .cm-comment, +.cm-s-inner.cm-comment { + color: #DA924A; +} + +.cm-s-inner .cm-header, +.cm-s-inner .cm-def, +.cm-s-inner.cm-header, +.cm-s-inner.cm-def { + color: #8d8df0; +} + +.cm-s-inner .cm-quote, +.cm-s-inner.cm-quote { + color: #57ac57; +} + +.cm-s-inner .cm-hr { + color: #d8d5d5; +} + +.cm-s-inner .cm-link { + color: #d3d3ef; +} + +.cm-s-inner .cm-negative { + color: #d95050; +} + +.cm-s-inner .cm-positive { + color: #50e650; +} + +.cm-s-inner .cm-string-2 { + color: #f50; +} + +.cm-s-inner .cm-meta, +.cm-s-inner .cm-qualifier { + color: #57ac57; +} + +.cm-s-inner .cm-builtin { + color: #f3b3f8; +} + +.cm-s-inner .cm-bracket { + color: #997; +} + +.cm-s-inner .cm-atom, +.cm-s-inner.cm-atom { + color: #84B6CB; +} + +.cm-s-inner .cm-number { + color: #64AB8F; +} + +.cm-s-inner .cm-variable { + color: #b8bfc6; +} + +.cm-s-inner .cm-variable-2 { + color: #9FBAD5; +} + +.cm-s-inner .cm-variable-3 { + color: #1cc685; +} + +.CodeMirror-selectedtext, +.CodeMirror-selected::selection{ + background: transparent; + color: rgb(253, 116, 139) !important; + text-shadow: none; +} \ No newline at end of file diff --git a/themes/godopu/texgyreadventor-bold.otf b/themes/godopu/texgyreadventor-bold.otf new file mode 100644 index 0000000..b521943 Binary files /dev/null and b/themes/godopu/texgyreadventor-bold.otf differ diff --git a/themes/godopu/texgyreadventor-bolditalic.otf b/themes/godopu/texgyreadventor-bolditalic.otf new file mode 100644 index 0000000..3451a52 Binary files /dev/null and b/themes/godopu/texgyreadventor-bolditalic.otf differ diff --git a/themes/godopu/texgyreadventor-italic.otf b/themes/godopu/texgyreadventor-italic.otf new file mode 100644 index 0000000..9472e73 Binary files /dev/null and b/themes/godopu/texgyreadventor-italic.otf differ diff --git a/themes/godopu/texgyreadventor-regular.otf b/themes/godopu/texgyreadventor-regular.otf new file mode 100644 index 0000000..655a186 Binary files /dev/null and b/themes/godopu/texgyreadventor-regular.otf differ diff --git a/themes/nya-dark.css b/themes/nya-dark.css new file mode 100755 index 0000000..e83260b --- /dev/null +++ b/themes/nya-dark.css @@ -0,0 +1,2214 @@ +@import "nya-dark/fonts.css"; + +/*by H16nning*/ + +:root { + --bg-color: #212121; + --side-bar-bg-color: #1a1a1a; + --control-text-color: #e6ecf1; + --primary-color: rgb(255, 190, 190); + --primary-btn-border-color: #3884ff; + --active-file-bg-color: #5d6574; + --active-file-text-color: inherit; + --active-file-border-color: #3884ff; + --item-hover-text-color: #c97d7d; + --item-hover-bg-color: #29303c; + --window-border: 0px solid #212121; + /* --window-border: 1px solid red; */ + --select-text-font-color: #e6ecf1; + --select-text-bg-color: #ffcccc; + + --md-char-color: #8092af; + --heading-char-color: #8092af; + --meta-content-color: #3783ff; + + --borders: #1a1a1a; + --table-border-color: #353c49; + --boxes: #29303c; + --boxes-darker: rgb(226, 162, 162); + --boxes-darker2: #81615f; + --boxes-darkest: #81615f; + --drag-placeholder-color: #424b5a; + + --mds: #183055; + --text-color: #e6ecf1; + --heading-text-color: white; + --light-text-color: #5b697e; + --light-text-color-brighter: #768292; + --codeboxes: white; + --rawblock-edit-panel-bd: transparent; + + --primary-color-white: #5272a7; + --primary-color-white-darker: #5a83c5; + --primary-color-darker: #e29c9c; + --focus-ring-color: #3783ff; + + --danger-color: rgb(255, 70, 66); + + /*****************************/ + + --font-family: "Roboto", sans-serif; + --code-font-family: "Source Code Pro"; + --monospace: "Source Code Pro"; +} + +html, +.form-control, +.modal { + font-size: 16px; +} + +body { + background: var(--bg-color); + font-family: var(--font-family); + font-weight: 400; + color: white; + line-height: 1.625rem; + height: 100%; + caret-color: #ffa2a2; +} + +#write { + max-width: 75rem; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} + +a { + color: var(--primary-color); + text-decoration: none !important; + transition-duration: 0.2s; + transition-property: color; +} + +a:hover { + color: var(--primary-color-darker); +} + +.ty-preferences a { + color: var(--primary-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + color: var(--heading-text-color); + cursor: text; +} + +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: line-through; +} + +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 { + font-size: 2.2rem; + font-weight: 500; + line-height: 1.5; + margin-top: 1rem; + margin-bottom: 1rem; + padding-bottom: 0.4rem; + text-align: center; +} + +h2 { + color: rgb(255, 190, 190); + font-size: 1.8rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.8rem; + margin-bottom: 1rem; + border-bottom: solid 1px rgb(255, 190, 190); +} + +h3 { + color: rgb(255, 190, 190); + font-size: 1.4rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.6rem; + margin-bottom: 0.5rem; +} + +h4 { + color: rgb(255, 190, 190); + font-size: 1.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 0.5rem; +} + +h5 { + color: rgb(255, 190, 190); + font-size: 1rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 1rem; +} + +h6 { + color: rgb(255, 190, 190); + font-size: 1rem; + font-weight: 700; + line-height: 1.5; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + margin-left: 1.5rem; + /* opacity: 0.8; */ +} + +h1:before { + color: rgb(255, 190, 190); + content: "✧*⁎ "; +} + +h1:after { + color: rgb(255, 190, 190); + content: " ⁎*✧"; +} + +h3:before { + content: "ㆍ "; +} + +h4:before { + content: "》 "; +} + +h5:before { + content: "ㆍ "; +} + +h6:before { + content: "¤ "; +} + +#write > h1.md-focus:before, +#write > h2.md-focus:before, +#write > h3.md-focus:before, +#write > h4.md-focus:before, +#write > h5.md-focus:before, +#write > h6.md-focus:before { + color: var(--light-text-color); + border: none; + position: absolute; + font-size: 1rem; + font-weight: 700; + padding: 0px; + line-height: 1; +} + +#write > h1.md-focus:before { + content: "h1"; + top: 0.8rem; + left: -1.75rem; +} + +#write > h2.md-focus:before { + content: "h2"; + top: 0.6rem; + left: -1.75rem; +} + +#write > h3.md-focus:before { + content: "h3"; + top: 0.45rem; + left: -1.75rem; +} + +#write > h4.md-focus:before { + content: "h4"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h5.md-focus:before { + content: "h5"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h6.md-focus:before { + content: "h6"; + top: 0.2rem; + left: -1.75rem; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child, +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + margin-top: 0rem; +} + +p, +blockquote, +ul, +ol, +dl { + margin: 0.5rem 0rem 0.5rem 0rem; +} + +li > ol, +li > ul { + margin: 0 0; +} + +/* hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: var(--borders); + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} */ + +hr { + background-color: lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height: 0.06cm; + margin: 2rem 10rem; + page-break-after: always; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +.md-blockmeta { + color: var(--md-char-color); +} + +mark { + background-color: rgba(250, 129, 129, 0.5); + color: var(--text-color); +} + +/*BLOCKQUOTE*/ + +blockquote { + width: 100%; + background-color: var(--boxes); + border-left: 4px solid var(--primary-color); + border-radius: 0.3em; + padding: 1rem; +} + +blockquote blockquote { + padding-right: 0; +} + +table { + font-size: 0.875rem; + padding: 0; + margin: 1.5rem 0; + word-break: initial; +} + +/*TABLE*/ + +table tr { + border-top: 1px solid var(--borders); + border-bottom: 1px solid var(--borders); + margin: 0; + padding: 0; +} + +table tr.md-end-block { + border-top: none; +} + +table tr th { + font-weight: bold; + border: none; + border-bottom: solid 2px var(--borders); + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +table tr td { + border: none; + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +#write table tr td:hover, +#write table tr th:hover { + background-color: var(--boxes); +} + +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; +} + +/*OTHER TABLE THINGS*/ + +.ty-table-edit { + padding: 0.3rem; + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + transition-duration: 0.3s; + transition-property: opacity; +} + +.ty-table-edit:active, +.ty-table-edit:focus, +.popover:active, +.popover:focus { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +.popover { + border: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-radius: 0.3rem; +} + +.popover .arrow { + border-bottom-color: var(--borders); +} + +.md-grid-board .md-grid-ext { + background-color: var(--boxes); +} + +.md-grid-board tr[row="1"] .md-grid-ext { + background-color: var(--boxes-darkest); +} + +.md-grid-board a.md-active, +.md-grid-board a:hover { + background-color: var(--primary-color-white); + border-color: var(--primary-color-white-darker); +} + +#md-grid-width, +#md-grid-height { + border-radius: 0.3rem; + border-color: var(--borders); + transition-duration: 0.3s; + transition-property: border-color; +} + +#md-grid-width:focus, +#md-grid-height:focus { + border-radius: 0.3rem; + border-color: var(--primary-color); +} + +/*CODE*/ + +.CodeMirror { + padding: 1rem; + font-family: "Source Code Pro", monospace; +} + +.cm-error { + color: #bd93f9; +} + +.cm-s-inner .CodeMirror-gutters { + background-color: none; + border-right: none; + border-radius: 0px; + width: 2rem; + color: white; + height: 100%; + white-space: nowrap; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + border-left: solid 2px var(--light-text-color-brighter); +} + +.CodeMirror.cm-s-typora-default .CodeMirror-activeline-background { + background-color: var(--boxes); +} + +.cm-s-inner .CodeMirror-cursor { + color: white; + border-left: solid 1px white; +} + +.cm-s-inner .CodeMirror-linenumber { + color: white; + opacity: 0.6; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line > span::selection, +.cm-s-inner .CodeMirror-line > span::-moz-selection, +.cm-s-inner .CodeMirror-line > span > span::selection, +.cm-s-inner .CodeMirror-line > span > span::-moz-selection { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-inner span.cm-comment { + color: #b9a19f; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #85a2ff; +} + +.cm-s-inner span.cm-number { + color: #ffa2a2; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + color: #ffa2a2; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #bd93f9; +} + +.cm-s-inner span.cm-keyword { + color: #ffa2a2; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #bd93f9; +} + +.cm-s-inner span.cm-link { + color: var(--primary-color); +} + +.cm-s-inner span.cm-tag, +.cm-s-inner .cm-header { + color: #ffd6ad; +} + +.cm-s-inner span.cm-attribute { + color: #b2fad7; +} + +.cm-s-inner span.cm-qualifier, +.cm-s-inner span.cm-type, +.cm-s-inner span.cm-variable-3 { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + color: #ffd6ad; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: none; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property { + color: var(--primary-color); +} + +#typora-source span.cm-variable { + color: var(--window-border); +} + +#write .code-tooltip { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; + background-color: var(--bg-color); + color: var(--text-color); + width: 15rem; + height: 2.5rem; + bottom: -3rem; + padding: 0.1875rem; +} + +#write .code-tooltip .ty-input { + border: solid 1px var(--borders); + height: 2rem; + line-height: 2rem; + margin: 0rem; + padding-left: 0.5rem !important; + text-align: left; + display: block; + font-size: 0.8rem; + font-weight: 600; + font-family: var(--font-family); + transition-duration: 0.3s; + transition-property: border; +} + +#write .code-tooltip .ty-input:focus { + border-color: var(--primary-color); +} + +.html-for-mac .ty-cm-lang-input:empty:after { + left: 0.5rem; +} + +.autoComplt-list li, +.fences-auto-suggest li { + font-weight: 500; + transition-duration: 0.3s; + transition-property: background-color, color; +} + +.autoComplt-list li.active, +.fences-auto-suggest li:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.md-fences, +tt { + border-radius: 0.3rem; + color: #ffffff; + padding: 1.5rem; + font-size: 16px; +} + +code { + padding: 0.25rem 0.5rem; + background-color: var(--boxes); + font-size: 0.9rem; + border-radius: 0.2rem; +} + +.md-fences .CodeMirror div.CodeMirror-cursor, +.md-htmlblock-panel .CodeMirror div.CodeMirror-cursor { + border-left: solid 1px #ffa2a2; +} + +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + background-color: var(--borders); +} + +/*RADIO*/ +input[type="radio"]:after { + width: 9px; + height: 9px; + border-radius: 10px; + position: relative; + background-color: #d1d3d1; + content: ""; + display: inline-block; + visibility: visible; + border: 3px solid white; +} + +input[type="radio"]:checked:after { + width: 9px; + height: 9px; + border-radius: 10px; + position: relative; + background-color: rgb(230, 151, 151); + content: ""; + display: inline-block; + visibility: visible; + border: 3px solid white; +} + +/*CHECKBOXES*/ + +.md-task-list-item > input:before, +input[type="checkbox"]:before { + border-radius: 0.2rem; + margin-top: -0.08rem; + margin-left: -0.1rem; + width: 1rem; + height: 1rem; + background-color: var(--boxes-darkest); + content: " "; + display: block; + transition-duration: 0.3s; + transition-property: background-color; +} + +.md-task-list-item:hover > input:before, +input[type="checkbox"]:hover:before { + background-color: var(--boxes-darker); +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before, +input[type="checkbox"]:checked:before { + background-color: var(--primary-color); +} + +.md-task-list-item:hover > input:checked:before, +.md-task-list-item:hover > input[checked]:before, +input[type="checkbox"]:hover:checked:before { + background-color: var(--primary-color-darker); +} + +.md-task-list-item > input:after, +.md-task-list-item > input:after, +input[type="checkbox"]:after { + transform: rotate(-45deg); + position: absolute; + border: 2px solid white; + border-top: 0; + border-right: 0; + top: 0.16rem; + left: 0.1rem; + width: 0.6rem; + height: 0.375rem; + content: " "; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after, +input[type="checkbox"]:checked:after { + opacity: 1; +} + +.ty-preferences input[type="checkbox"]:before { + width: 1.2rem; + height: 1.2rem; +} + +.ty-preferences input[type="checkbox"]:after { + width: 0.5rem; + height: 0.32rem; + top: 0.19rem; + left: 0.14rem; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +#write pre.md-meta-block { + padding: 0.6rem; + line-height: 1.5; + background-color: var(--boxes); + margin: -0.3rem 0 -0.3rem 0; + font-family: "Times New Roman", Times, serif; + font-size: 20px; + border: 0; + border-radius: 0.2rem; + font-weight: bold; + color: var(--text-color); + border-left: solid 4px var(--boxes-darkest); +} + +/* #write pre.md-meta-block { + background: transparent; + border-bottom: solid; + border-color: #393451; + width: auto; + font-family: "Times New Roman", Times, serif; + font-size: 20px; + font-weight: bold; + margin: 0em; + margin-top: -0.5em; + color: #393451; + max-width: 100%; + /* text-align : center; +} */ + +.md-image > .md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--md-char-color); + opacity: 1; +} + +.md-toc { + margin: 1.5rem 0rem; +} + +/*MATH*/ + +.md-rawblock { + margin: 1.5rem 0rem; +} + +.md-rawblock-container { + transition-duration: 0.3s; + transition-property: box-shadow, border; + padding: 8px; + border: solid 1px transparent; + border-radius: 0.3rem; +} + +.md-rawblock:hover > .md-rawblock-container { + background-color: transparent; + border: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +.md-mathblock-input .CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #ffa2a2; +} + +.md-math-block .md-rawblock-control:not(.md-rawblock-tooltip) { + background-color: var(--bg-color); + border-left: solid 2px var(--primary-color); + border-right: solid 2px var(--primary-color); +} + +.md-math-block .md-rawblock-before { + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; + border-top: solid 2px var(--primary-color); +} + +.md-math-block .md-rawblock-after { + border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; + border-bottom: solid 2px var(--primary-color); + margin-bottom: 0.5rem; +} + +#write .md-math-block .code-tooltip { + width: 100%; +} + +/*HTML*/ + +.md-htmlblock-panel { + border: solid 2px var(--primary-color); + border-radius: 0.3rem; +} + +/*FOOTER*/ + +.footer-item { + opacity: 1 !important; + color: var(--light-text-color); + transition: 0.3s; + background: none !important; +} + +.footer-item:hover { + color: var(--light-text-color-brighter) !important; +} + +#outline-btn:hover { + color: var(--light-text-color-brighter) !important; +} + +/*SIDEBAR*/ + +#typora-sidebar { + border-right: solid 1px var(--borders); +} + +.info-panel-tab { + opacity: 1; +} + +.info-panel-tab-border { + color: var(--primary-color); +} + +#ty-sidebar-search-back-btn { + margin: auto; +} + +.ty-show-outline-filter #file-library-search, +.ty-show-search #file-library-search { + height: 4rem; +} + +#file-library-search-input { + height: 2rem; +} + +#file-library-search-panel input { + margin-top: 8px !important; +} + +.ty-sidebar-search-panel .searchpanel-search-option-btn { + top: 14px; +} + +#typora-sidebar #filesearch-case-ion-btn, +#typora-sidebar #filesearch-word-ion-btn { + background: none; + margin-top: 0.45rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#typora-sidebar #filesearch-case-ion-btn:hover, +#typora-sidebar #filesearch-word-ion-btn:hover { + color: var(--primary-color); +} + +/*sidebar outline*/ + +#close-outline-filter-btn { + top: 15px; + opacity: 1; + color: var(--light-text-color) !important; +} + +#close-outline-filter-btn:hover { + color: var(--primary-color) !important; + background-color: transparent !important; +} + +#close-outline-filter-btn:active { + background-color: transparent !important; +} + +#outline-content { + padding-right: 0px; + line-height: 1rem; +} + +.outline-item { + display: flex; + padding-top: 0px; + padding-bottom: 0px; +} + +.outline-item .outline-label { + display: block; + width: 100%; + padding-top: 0.4rem; + padding-bottom: 0.4rem; + border-right: solid 2px transparent; + font-size: 0.8rem; + font-weight: 500; + color: var(--light-text-color-darker); + transition-duration: 0.3s; + transition-property: color; +} + +.outline-item:hover { + background: none; +} + +.outline-item:hover .outline-label { + color: var(--primary-color); +} + +.outline-label:hover { + text-decoration: none; +} + +.outline-active.outline-label { + border-right: solid 2px var(--primary-color); + font-weight: 500; + color: var(--primary-color); +} + +.outline-expander { + padding-top: 0.4rem; + padding-right: 0.5rem; +} + +/*sidebar file-list and search results*/ + +#file-library-list[data-state="complete"] #sidebar-loading-template { + padding: 0rem; +} + +#typora-sidebar .file-list-item, +.ty-search-item { + border: none; + transition-duration: 0.3s !important; + transition-property: background-color, border, color !important; + padding: 1rem; +} + +#typora-sidebar .file-list-item:hover, +.ty-search-item:hover { + background: var(--borders); +} + +#typora-sidebar .ty-search-item-line:hover, +#typora-sidebar .ty-search-item-line.active { + background-color: transparent; +} + +#typora-sidebar .ty-search-item-line.active { + color: var(--primary-color); + font-weight: 800; +} + +#typora-sidebar .file-list-item-file-name { + font-weight: 800; + font-size: 0.9rem; + margin-bottom: 0rem; + line-height: 1.8rem; + float: right; +} + +#typora-sidebar .file-list-item-file-ext-part { + font-weight: 800; + opacity: 0.5; +} + +#typora-sidebar .file-list-item-parent-loc, +#typora-sidebar .file-list-item-time { + font-weight: 400; + opacity: 0.5; + display: block; +} + +#typora-sidebar .file-list-item-summary { + float: left; + font-size: 0.8rem; + opacity: 0.9; +} + +#typora-sidebar input.file-list-item-file-name { + margin: 0.5rem 0rem 0.5rem 0.7rem; + padding: 0.4rem !important; + line-height: 1rem; + float: right; + border-radius: 0.3rem; + font-weight: 500; + background-color: var(--bg-color) !important; +} + +#typora-sidebar .file-list-item.file-library-file-node { + border: none; +} + +#typora-sidebar .file-tree-node.active .file-node-background, +#typora-sidebar .file-list-item.active, +#typora-sidebar .ty-search-item.active { + background-color: var(--bg-color); + outline: 1px solid var(--borders); + border: none; + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node.active .file-node-content { + color: var(--primary-color) !important; + opacity: 1; +} + +#typora-sidebar .file-tree-node { + padding: 0rem; + font-weight: 500; + font-size: 0.9rem; + margin-left: 0.8rem; +} + +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 1.6rem; + height: 1.6rem; + background: none; + opacity: 0.6; +} + +#typora-sidebar .file-tree-node:not(.file-node-root) .file-node-content:hover { + opacity: 1; +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 1.6rem; +} + +#typora-sidebar .file-tree-node .file-node-icon { + margin-right: 0.5rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o { + margin-top: 0rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.12rem; + margin-left: 0.2rem; +} + +#typora-sidebar .file-tree-node .fa-caret-down, +#typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 2px; +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 1.6rem; + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} + +/*no left border*/ +#typora-sidebar .file-tree-node.active > .file-node-background { + border: none; +} + +/*no dotted highlighting*/ +.file-library-node:not(.file-node-root):focus > .file-node-content { + outline: none; +} + +#typora-sidebar #sidebar-files-menu { + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#typora-sidebar #ty-sidebar-footer { + /* border-top: solid 1px var(--borders); */ + background-color: var(--borders); + font-weight: 500; +} + +#typora-sidebar #ty-sidebar-footer li { + transition-duration: 0.2s; + transition-property: background-color, color; +} + +#typora-sidebar #ty-sidebar-footer li:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-sidebar .ty-search-item-collapse-icon { + top: 9px; +} + +/*cursor*/ +.file-node-content:hover { + cursor: pointer; + color: #ffcccc; +} + +.file-tree-node:not(.file-node-root):not(.file-node-expanded) + .file-node-background { + transition-duration: 0.2s; + transition-property: background-color; +} + +/* .file-tree-node:not(.file-node-root):not(.file-node-expanded):hover .file-node-background{ + background-color: var(--borders); +} */ + +/*sidebar footer*/ +#typora-sidebar .sidebar-footer-item { + transition-duration: 0.2s; + transition-property: background-color, color; + font-weight: 700; +} + +#typora-sidebar .sidebar-footer-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-quick-open { + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 0rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#typora-quick-open-input { + margin-right: 20px; +} + +#typora-quick-open-input .input { + box-shadow: none; + border: none; + margin: 0.5rem; + margin-left: 0.8rem; +} + +.typora-quick-open-item { + background-color: var(--bg-color); + border: none; + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color; +} + +.typora-quick-open-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.typora-quick-open-item.active { + background-color: var(--boxes); + border: none; +} + +.ty-quick-open-category-title { + font-size: 10px; + font-weight: 700; + letter-spacing: 1.2px; + text-transform: uppercase; + opacity: 1; + color: var(--light-text-color); + line-height: 32px; + padding-top: 6px; + height: 32px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +.md-lang { + color: var(--primary-color); +} + +/*NOTIFICATION*/ + +#md-notification { + border-bottom: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#md-notifcation .btn { + border: 0; +} + +/*PREFERENCES*/ + +.ty-preferences { + font-family: var(--font-family); +} + +.ty-preferences .window-header { + justify-content: space-between; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-bottom: solid 1px var(--borders); +} + +.ty-preferences .window-header-content { + background-color: var(--bg-color); + margin: 0rem; +} + +.ty-preferences .window-header h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0rem; + margin-left: 1rem; +} + +.unibody-window .ty-preferences .window-header h2 { + margin-left: 1rem !important; +} + +.ty-preferences .window-header-back { + margin-left: 1.2rem; +} + +.ty-preferences .window-header-back .icon { + border-right: none; +} + +/*preferences sidebar*/ +.ty-preferences .window-content { + background-color: var(--bg-color); +} + +.ty-preferences .nav-group-item { + color: var(--text-color); + height: 2.5rem; + line-height: 2.6rem; + font-weight: 500; + padding: 0px 0px 0px 2rem; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.ty-preferences .nav-group-item:hover { + background-color: var(--borders); + border-radius: 0px; +} + +.ty-preferences .nav-group-item.active { + border-radius: 0rem; + border: none; + outline: 1px solid var(--borders); + background-color: var(--bg-color); + color: var(--primary-color); +} + +.ty-preferences .pane-sm { + background: var(--borders); + flex-basis: 240px; + flex-grow: 0; + justify-content: center; + border-right: 1px solid var(--borders); + margin: 0rem; + padding: 0rem; +} + +.ty-preferences .pane-sm .list-group { + width: 100%; + max-width: 30rem; +} + +.ty-preferences .list-group-header { + display: flex; + justify-content: space-around; +} + +.ty-preferences .list-group-header div { + width: 100%; + margin-right: 18px; + margin-left: 18px; +} + +.ty-preferences .pane-sm .search-input { + margin: 0rem !important; + width: 100%; + font-size: 1rem !important; + height: 2.75rem; +} + +.ty-preferences .pane-sm .search-input:active, +.ty-preferences .pane-sm .search-input:focus { + border: solid 1px var(--primary-color) !important; + outline: none; +} + +/*preferences main*/ +.ty-preferences .panel-header { + color: white; + font-weight: 600; + font-size: 1.6rem; +} + +/*preferences stuff*/ +.ty-preferences .dropdown-menu > li, +.dropdown-item { + font-weight: 500; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: all; +} + +.ty-preferences .dropdown-menu .active, +.ty-preferences .dropdown-menu li:hover, +.dropdown-item:hover { + background-color: #524443; + color: var(--primary-color); +} + +#ty-spell-check-dict-missing-secondary-btn:hover { + color: var(--primary-color) !important; +} + +.header-close .icon { + border: none !important; +} + +/*DROPDOWN*/ + +.dropdown-menu:not(.megamenu-menu-list), +.auto-suggest-container { + background-color: var(--bg-color); + border: solid 1px var(--borders) !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + user-select: none; +} + +.dropdown-menu > li > a { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +.dropdown-menu > .active > a, +.dropdown-menu > li > a:hover, +.menu-style-btn.active, +.context-menu.dropdown-menu > .active > a, +.context-menu.dropdown-menu > li > a:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.menu-style-btn { + color: var(--text-color); + border: none; + transition-duration: 0.2s; + transition-property: all; +} + +.menu-style-btn:hover { + color: var(--primary-color); + background-color: var(--boxes); + border: none; +} + +header .menu-style-btn:hover { + background-color: transparent; +} + +.menu-item-container { + padding: 0 12px 0 4px; +} + +.menu-item-container a.menu-style-btn { + padding: 0.3rem 0.6rem; + margin: 0; +} + +.dropdown-menu .divider { + border-color: var(--borders); +} + +/*BUTTON*/ + +.btn, +button, +.md-image-btn { + border: none !important; + border-radius: 0.3em !important; + color: var(--text-color) !important; + transition-duration: 0.2s; + transition-property: all; + font-size: 0.9em !important; + font-weight: 500; + outline: none; +} + +.btn-default, +.md-image-btn { + border: none !important; + border-radius: 0.3em !important; + background-color: #614b4b !important; +} + +.btn:hover, +.button-hover, +.md-image-btn:hover { + border: none; + border-radius: 0.3em; + background-color: #e49590 !important; + color: var(--text-color); +} + +button:active, +button.active, +.btn:active, +.btn-default:active, +.md-image-btn:active { + border: none; + border-radius: 0.3em; + background-color: var(--boxes-darker) !important; + box-shadow: none; + outline: none; + color: var(--text-color); +} + +.btn:focus, +.md-image-btn:focus { + border: none !important; + outline: none !important; + background-color: var(--boxes-darker); +} + +.btn-primary { + border: none; + border-radius: 0.3em; + background-color: var(--primary-color); + color: white !important; +} + +.btn-primary:hover, +.btn-primary:focus { + color: white; + background-color: var(--primary-color-darker) !important; +} + +.btn.dropdown-toggle-split, +.btn.dropdown-toggle-split:hover { + border-radius: 0em 0.3em 0.3em 0em; +} + +#ty-spell-check-dict-missing-primary-btn { + border-radius: 0.3em 0em 0em 0.3em; +} + +.open > .dropdown-toggle.btn-primary { + background-color: var(--primary-color); + border-color: transparent; +} + +/*GHOST BUTTON*/ + +.window-header button, +#close-sidebar-menu-btn, +.html-for-mac .sidebar-tab-btn, +.label-hint, +.ty-table-edit .btn { + background-color: transparent !important; + color: var(--light-text-color) !important; + opacity: 1 !important; + transition-duration: 0.2s; + transition-property: color; +} + +.window-header button:hover, +.window-header button:focus, +#close-sidebar-menu-btn:hover, +#close-sidebar-menu-btn:focus, +.html-for-mac .sidebar-tab-btn:hover, +.html-for-mac .sidebar-tab-btn:focus, +.label-hint:hover, +.label-hint:focus, +.ty-table-edit .btn:hover, +.ty-table-edit .btn:focus { + color: var(--primary-color) !important; + background: none !important; +} + +.ty-table-edit .btn.active { + color: var(--primary-color) !important; + box-shadow: none; +} + +/*IMAGE BUTTON*/ + +.md-image-btn { + background-color: var(--boxes); + transition-duration: 0.2s; + transition-property: background-color; +} + +.md-image-btn:before { + color: var(--text-color); + transition-duration: 0.2s; + transition-property: color; +} + +.md-image-btn:hover { + background-color: var(--borders); +} + +.md-image-btn:hover:before { + color: var(--primary-color); +} + +.md-image-input-src-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.md-image-pick-file-btn { + border-left: none; + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +/*SEARCH-INPUTS*/ + +.search-input, +.search, +.form-control, +#file-library-search-input { + background-color: transparent !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker2) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500; + padding: 0.7rem !important; + height: 2rem; + transition-duration: 0.2s; + transition-property: border; +} + +.search-input:focus, +.search:focus, +.form-control:focus, +#file-library-search-input:focus { + background-color: transparent !important; + border-radius: 0.3rem !important; + border-color: var(--primary-color) !important; + box-shadow: none !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500; + padding: 0.7rem !important; +} + +.search-input::placeholder, +.search::placeholder, +.form-control::placeholder, +#file-library-search-input::placeholder { + color: var(--light-text-color-brighter) !important; +} + +.clear-btn-icon { + top: 9px !important /*required*/; + right: 9px !important /*required*/; +} + +.content tr.search-hit, +.search-hit, +.md-search-hit, +.md-search-hit.md-search-select, +.md-search-select, +.ty-file-search-match-text { + background: rgba(56, 132, 255, 0.3) !important; +} + +/*SEARCHPANEL*/ + +#md-searchpanel { + border-bottom: 1px solid var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + max-height: 46px; +} + +#md-searchpanel.searchpanel-replace-mode { + max-height: 84px; +} + +#md-searchpanel input { + height: 2rem; + margin: 0rem !important; + padding: 6px 12px !important; + font-size: 12px !important; +} + +#md-searchpanel .input-group-addon { + height: 2rem; +} + +#md-searchpanel .input-group-addon.close-btn { + padding-left: 8px; +} + +.unibody-window #md-searchpanel .btn { + line-height: 2rem; +} + +.searchpanel-search-option-btn { + top: 9px; + border: none; + color: var(--light-text-color-brighter) !important /*required*/; + transition-duration: 0.3s; +} + +.searchpanel-search-option-btn:hover { + color: var(--primary-color) !important /*required*/; + background-color: transparent !important /*required*/; +} + +.searchpanel-search-option-btn.select, +.searchpanel-search-option-btn.active { + color: white !important; + background-color: var(--primary-color) !important; +} + +#searchpanel-case-option-btn { + right: 33px; +} + +#searchpanel-word-option-btn { + right: 9px; +} + +#searchpanel-word-option-btn, +#searchpanel-case-option-btn { + background: none; +} + +#md-searchpanel .btn:not(.close-btn):hover { + box-shadow: none; +} + +/*NUMBER-INPUT*/ + +input[type="text"]::placeholder { + color: var(--light-text-color-brighter) !important; +} + +input[type="number"] { + background-color: var(--boxes) !important; + border: none !important; + border-radius: 0.3rem; +} + +input[type="number"]:focus { + background-color: var(--item-hover-bg-color) !important; +} + +/*SELECTS*/ + +select { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker2) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 500 !important; + padding: 0.3rem !important; + height: 2.1rem; + transition-duration: 0.2s; + transition-property: border; +} + +select:hover { + background-color: var(--bg-color) !important; + border-radius: 0rem !important; + border-color: var(--primary-color) !important; + box-shadow: none !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; +} + +/*MODAL*/ + +.modal-header, +#common-dialog .modal-header { + border-bottom: solid 1px var(--borders); + padding-bottom: 15px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + user-select: none; +} + +.modal-body { + font-size: 0.9rem; + color: var(--light-text-color-brighter); + user-select: none; +} + +.modal-content { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; +} + +.modal-footer { + border-top: solid 1px var(--borders); +} + +.modal-open .modal.fade.in { + background-color: rgba(2, 7, 12, 0.781); +} + +/*SCROLLBAR*/ + +::-webkit-scrollbar { + width: 9px; + height: 8px; + padding: 4px; + position: absolute; + background-color: var(--borders); + border: solid 1px var(--boxes-darker); + border-radius: 4.5px; +} + +::-webkit-scrollbar:hover { + background-color: var(--borders); +} + +::-webkit-scrollbar-corner { + background: 0 0; +} + +::-webkit-scrollbar-thumb { + background: var(--boxes-darker2); + background-clip: padding-box; + border-radius: 4.5px; + margin-right: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--boxes-darkest); +} + +::-webkit-scrollbar-thumb:active { + background: var(--boxes-darkest); +} + +/*LANGS*/ + +.ty-spell-check-panel-item { + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color, color; +} + +.ty-spell-check-panel-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.ty-spell-check-panel-item.ty-active { + background-color: var(--boxes); +} + +/*TOOLTIP*/ + +.ty-tooltip { + color: var(--text-color) !important; + background-color: var(--boxes) !important; + border-radius: 0.3rem !important; + border: 1px solid var(--borders) !important; + -webkit-filter: none !important; + filter: none; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +/*FOOTER*/ + +footer.ty-footer { + border: none; +} + +.footer-item:hover { + background-color: var(--boxes) !important; +} + +#footer-word-count-info { + padding: 4px 0; +} + +.footer-word-count-info-line { + padding: 0.25rem; + line-height: 1.6rem; +} + +#footer-word-count-info tr { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +#footer-word-count-info tr td:nth-child(1) { + padding: 0rem; + padding-right: 1rem; +} + +#footer-word-count-info .ty-footer-word-count-all tr:hover { + color: var(--primary-color) !important; + background-color: var(--boxes) !important; +} + +/*MEGAMENU*/ + +.megamenu-menu { + box-shadow: none; + background-color: var(--boxes); + border-right: 1px solid var(--borders); +} + +.megamenu-opened .megamenu-menu { + left: 0px; +} + +#megamenu-menu-list { + box-shadow: none; + border: none; + background-color: transparent; +} + +#megamenu-menu-list li a { + color: var(--text-color); + height: 2rem; + line-height: 1.8rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#megamenu-menu-list li a:hover { + background-color: var(--borders); +} + +#megamenu-menu-list li a.active { + color: var(--primary-color); + background-color: var(--bg-color); + outline: solid 1px var(--borders); +} + +#megamenu-menu-list .divider { + background-color: var(--borders); + margin: 16px 0 0 0; +} + +.megamenu-menu-list .saved #m-saved { + cursor: default; +} + +.megamenu-menu-list .saved #m-saved .fa { + color: var(--primary-color); +} + +.megamenu-menu-list .saved #m-saved:hover { + background-color: transparent; +} + +.megamenu-menu-list #m-close:hover { + color: white; +} + +.megamenu-menu-header { + border-bottom: solid 1px var(--borders); + margin-bottom: 1.2rem; + height: 74px; + transition-duration: 0.3s; +} + +.megamenu-menu-header:hover { + background-color: var(--borders); +} + +.megamenu-menu-header #megamenu-menu-header-title { + color: var(--text-color); + font-weight: 700; + font-size: 16px; + left: 56px; + top: 24px; +} + +#megamenu-back-btn { + color: var(--text-color); + font-size: 16px; + left: 24px; + top: 24px; +} + +.megamenu-opened header { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-content { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-menu-panel:not(:first-of-type) { + margin-top: 2rem; +} + +.megamenu-menu-panel h1 { + font-weight: 900; + font-size: 1.8rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +.megamenu-menu-panel h2 { + font-weight: 800; + font-size: 1.3rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +/*recent files*/ + +#recent-file-panel tbody tr { + font-weight: 600; + transition-duration: 0.4s; +} + +#recent-file-panel tbody tr:hover, +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: var(--primary-color); +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: var(--boxes); +} + +/*about help*/ + +.about-content-slogon { + color: var(--light-text-color); +} + +/*for the god himself*/ +.about-content-slogon span { + color: var(--primary-color) !important; +} + +#about-content tbody tr { + font-weight: 500; + transition-duration: 0.4s; +} + +#about-content tbody tr:hover { + color: var(--primary-color); + background-color: var(--boxes) !important /*required important*/; +} + +.long-btn { + margin-bottom: 12px; + margin-left: 2px; + box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 500; + font-size: 1rem; + + transition-duration: 0.2s; +} + +.long-btn:hover { + background-color: var(--bg-color); + border: 1px solid var(--primary-color); + color: var(--primary-color) !important /*important required*/; +} + +#m-import-local:hover .preference-item-hint { + color: var(--primary-color); + opacity: 0.7; +} + +#recent-file-panel-action-btn { + height: 34px; + border: none; + background-color: var(--boxes); +} + +#theme-preview-grid { + max-width: none; + padding: 1rem; + background-color: var(--boxes); + border-radius: 0.5rem; +} + +.theme-preview-div { + border: none; + border-radius: 0.4rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; + margin: 0.75rem; + transition-duration: 0.3s; +} + +.theme-preview-div:hover { + box-shadow: rgba(0, 0, 0, 0.6) 3px 8px 15px; + cursor: pointer; + transform: rotate3d(1, -0.2, 0.2, 15deg); +} + +.theme-preview-content { + width: 100%; + height: 100%; + border-radius: 0.4rem; +} + +.theme-preview-content html { + width: 100%; + height: 100%; +} + +.theme-preview-div.active .fa { + color: var(--primary-color); + bottom: 4px; + left: 4px; +} + +.theme-preview-div .fa-check-circle:before { + background-color: var(--bg-color); + padding: 0px 2px; + border-radius: 1rem; +} + +.megamenu-menu-panel tbody tr { + border-radius: 0.3rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.megamenu-menu-panel tbody tr:hover { + background-color: var(--borders) !important /*required important*/; +} + +/*MIN MAX CLOSE*/ +#w-min, +#w-max, +#w-restore, +#w-close { + border-radius: 0px !important; + font-size: 10px !important; + width: 46px !important; + height: 29px !important; +} + +.btn.toolbar-icon svg, +.btn.toolbar-icon .ty-icon { + position: relative; + top: 2px; +} + +#w-close.btn.toolbar-icon .ty-icon { + left: 1px; +} + +#w-close:hover { + background-color: var(--danger-color) !important; + color: white !important; +} + +/*EXTRA STUFF*/ + +a[type="page-link"] { + display: block; + background-color: var(--bg-color); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 600; + + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +a[type="page-link"]:hover { + box-shadow: rgba(0, 0, 0.2, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--primary-color); +} + +p[type="description"] { + color: var(--light-text-color); + margin: 0rem; + margin-bottom: 1rem; +} + +p > .md-image:only-child:not(.md-img-error) img, +p > img:only-child { + display: inline-block; +} diff --git a/themes/nya-dark/Roboto-Black.ttf b/themes/nya-dark/Roboto-Black.ttf new file mode 100755 index 0000000..2d45238 Binary files /dev/null and b/themes/nya-dark/Roboto-Black.ttf differ diff --git a/themes/nya-dark/Roboto-BlackItalic.ttf b/themes/nya-dark/Roboto-BlackItalic.ttf new file mode 100755 index 0000000..29a4359 Binary files /dev/null and b/themes/nya-dark/Roboto-BlackItalic.ttf differ diff --git a/themes/nya-dark/Roboto-Bold.ttf b/themes/nya-dark/Roboto-Bold.ttf new file mode 100755 index 0000000..d998cf5 Binary files /dev/null and b/themes/nya-dark/Roboto-Bold.ttf differ diff --git a/themes/nya-dark/Roboto-BoldItalic.ttf b/themes/nya-dark/Roboto-BoldItalic.ttf new file mode 100755 index 0000000..b4e2210 Binary files /dev/null and b/themes/nya-dark/Roboto-BoldItalic.ttf differ diff --git a/themes/nya-dark/Roboto-Italic.ttf b/themes/nya-dark/Roboto-Italic.ttf new file mode 100755 index 0000000..5b390ff Binary files /dev/null and b/themes/nya-dark/Roboto-Italic.ttf differ diff --git a/themes/nya-dark/Roboto-Light.ttf b/themes/nya-dark/Roboto-Light.ttf new file mode 100755 index 0000000..3526798 Binary files /dev/null and b/themes/nya-dark/Roboto-Light.ttf differ diff --git a/themes/nya-dark/Roboto-LightItalic.ttf b/themes/nya-dark/Roboto-LightItalic.ttf new file mode 100755 index 0000000..46e9bf7 Binary files /dev/null and b/themes/nya-dark/Roboto-LightItalic.ttf differ diff --git a/themes/nya-dark/Roboto-Medium.ttf b/themes/nya-dark/Roboto-Medium.ttf new file mode 100755 index 0000000..f714a51 Binary files /dev/null and b/themes/nya-dark/Roboto-Medium.ttf differ diff --git a/themes/nya-dark/Roboto-MediumItalic.ttf b/themes/nya-dark/Roboto-MediumItalic.ttf new file mode 100755 index 0000000..5dc6a2d Binary files /dev/null and b/themes/nya-dark/Roboto-MediumItalic.ttf differ diff --git a/themes/nya-dark/Roboto-Regular.ttf b/themes/nya-dark/Roboto-Regular.ttf new file mode 100755 index 0000000..2b6392f Binary files /dev/null and b/themes/nya-dark/Roboto-Regular.ttf differ diff --git a/themes/nya-dark/Roboto-Thin.ttf b/themes/nya-dark/Roboto-Thin.ttf new file mode 100755 index 0000000..4e797cf Binary files /dev/null and b/themes/nya-dark/Roboto-Thin.ttf differ diff --git a/themes/nya-dark/Roboto-ThinItalic.ttf b/themes/nya-dark/Roboto-ThinItalic.ttf new file mode 100755 index 0000000..eea836f Binary files /dev/null and b/themes/nya-dark/Roboto-ThinItalic.ttf differ diff --git a/themes/nya-dark/SourceCodePro-Regular.ttf b/themes/nya-dark/SourceCodePro-Regular.ttf new file mode 100755 index 0000000..3563e73 Binary files /dev/null and b/themes/nya-dark/SourceCodePro-Regular.ttf differ diff --git a/themes/nya-dark/fonts.css b/themes/nya-dark/fonts.css new file mode 100755 index 0000000..2576461 --- /dev/null +++ b/themes/nya-dark/fonts.css @@ -0,0 +1,88 @@ +/* roboto-300 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + src: local('Roboto Light'), local('Roboto-Light'), + url('Roboto-Light.ttf') format('truetype'); +} +/* roboto-300italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 300; + src: local('Roboto Light Italic'), local('Roboto-LightItalic'), + url('Roboto-LightItalic.ttf') format('truetype'); +} +/* roboto-regular - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('Roboto-Regular.ttf') format('truetype'); +} +/* roboto-italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + src: local('Roboto Italic'), local('Roboto-Italic'), + url('Roboto-Italic.ttf') format('truetype'); +} +/* roboto-500 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: local('Roboto Medium'), local('Roboto-Medium'), + url('Roboto-Medium.ttf') format('truetype'); +} +/* roboto-500italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 500; + src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), + url('Roboto-MediumItalic.ttf') format('truetype'); +} +/* roboto-700 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: local('Roboto Bold'), local('Roboto-Bold'), + url('Roboto-Bold.ttf') format('truetype'); +} +/* roboto-700italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 700; + src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), + url('Roboto-BoldItalic.ttf') format('truetype'); +} +/* roboto-900 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 900; + src: local('Roboto Black'), local('Roboto-Black'), + url('Roboto-Black.ttf') format('truetype'); +} +/* roboto-900italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 900; + src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), + url('Roboto-BlackItalic.ttf') format('truetype'); +} +/* sorucecodepro-400 - latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Code Pro'), local('SourceCodePro-Regular'), + url('SourceCodePro-Regular.ttf') format('truetype'); +} \ No newline at end of file diff --git a/themes/rfc.css b/themes/rfc.css new file mode 100644 index 0000000..29464a1 --- /dev/null +++ b/themes/rfc.css @@ -0,0 +1,548 @@ +/* @include-when-export url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic); +@include-when-export url(https://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext); */ +@import "rfc/codeblock.dark.css"; + +/* @charset "UTF-8"; */ +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: normal; + src: url(./rfc/texgyreadventor-regular.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: normal; + font-weight: bold; + src: url(./rfc/texgyreadventor-bold.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: normal; + src: url(./rfc/texgyreadventor-italic.otf); +} + +@font-face { + font-family: 'TeXGyreAdventor'; + font-style: italic; + font-weight: bold; + src: url(./rfc/texgyreadventor-bolditalic.otf); +} + +:root { + --dracula-background:#282a36; + --dracula-current-line:#44475a; + --dracula-section:#363849; + --dracula-foreground:#f8f8f2; + --dracula-comment:#6272a4; + --dracula-cyan:#8be9fd; + --dracula-green:#50fa7b; + --dracula-orange:#ffb86c; + --dracula-pink:#ff79c6; + --dracula-purple:#bd93f9; + --dracula-red:#ff5555; + --dracula-yellow:#f1fa8c; + + --window-border: none; + --typora-center-window-title: true; + --active-file-bg-color: #282a36; + --bg-color: #fcfcfc; + + --control-text-color: white; + --control-text-hover-color: var(--dracula-cyan); + + --side-bar-bg-color: var(--dracula-section); + --active-file-text-color : white; +} + +#info-panel-tab-file, +#info-panel-tab-outline +{ + color : #eee; +} + +#info-panel-tab-file:hover, +#info-panel-tab-outline:hover +{ + color : var(--dracula-comment); +} + +/* .mac-seamless-mode #typora-sidebar { + top: var(--mac-title-bar-height); + padding-top: 0; + height: auto; + background-color: var(--side-bar-bg-color); + border-radius : 0 10px 10px 0; +} */ + +html, body, #write { + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Raleway', "STHeiti", sans-serif; + font-weight: 300; +} + +body{ + padding-top : 1cm; +} + +h1, h2, h3, h4, h5, h6 { + color : #6272a4; + font-family: 'TeXGyreAdventor', "Century Gothic", 'Yu Gothic', 'Ubuntu', "STHeiti", sans-serif; +} + +html, body{ + font-size: 16px; +} + +#write { + max-width: 750px; + text-align: justify; +} + +#write>h1, h2, h3, h4:first-child { + margin-top: 0rem; +} + +h1 { + font-weight: bold; + line-height: 4rem; + margin: 0 0 1rem; + text-align: center; + margin-top: 2rem; +} + +h2 { + font-weight: bold; + border-bottom: 1px solid #ccc; + line-height: 3rem; + margin: 0 0 1rem; + margin-top: 1rem; +} + +h3 { + font-weight: bold; + margin-left: 1rem; +} +/* h3:before { + content : "> "; + color : darkgray; +} */ + +h4 { + font-weight: bold; + margin-left: 2rem; +} + +h4:before { + content : "□ "; + color : #6272a4; +} + +h5 { + font-size: 1.125rem; + font-weight: bold; + margin-left: 3rem; +} + +h5:before { + content : "○ "; + color : #6272a4; +} + +h6 { + font-size: 1rem; + font-weight: bold; + margin-left: 4rem; +} + +h6:before { + content : "─ "; + color : #6272a4; +} + +p { + color: #111; + font-size: 1rem; + line-height: 1.75rem; + margin: 0 0 1rem; +} + +u{ + font-style: normal; + text-decoration : none; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,192,200,0.25), + rgba(255,192,200,1) 100%, + rgba(255,192,200,0.45) + ); +} + +#write>h3.md-focus:before { + left: -1.875rem; + top: 0.5rem; + padding: 2px; +} + +#write>h4.md-focus:before { + left: -1.875rem; + top: 0.3125rem; + padding: 2px; +} + +#write>h5.md-focus:before { + left: -1.875rem; + top: 0.25rem; + padding: 2px; +} + +#write>h6.md-focus:before { + left: -1.875rem; + top: .125rem; + padding: 2px; +} + +@media print { + html, body{margin : 0rem; padding : 0rem} + #write{padding-top : 0rem;} + h1 {page-break-before: always; margin-top : 0rem;} +} +@page +{ + size: auto; /* auto is the initial value */ + /* this affects the margin in the printer settings */ + margin: 13mm 3mm 13mm 3mm; +} + +@media screen and (max-width: 70rem) { + blockquote { + margin-left: 1rem; + margin-right: 0; + padding: 0em; + } +} + +a, .md-def-url { + color: #990000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* table { + margin-bottom: 20px +} + +table th, table td { + padding: 8px; + line-height: 1.25rem; + vertical-align: top; + border-top: 1px solid #ddd +} + +table th { + font-weight: bold +} + +table thead th { + vertical-align: bottom +} + +table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { + border-top: 0 +} + +table tbody+tbody { + border-top: 2px solid #ddd +} */ +table{ + margin: 0.8em 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; + text-align : center; +} +table tr td { + border: 1px solid #dfe2e5; + 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; +} + +.md-fences { + background : var(--dracula-background); + color : #dedede; + /* border : 1px solid; */ + /* border-color : var(--dracula-background); */ + padding: .5em; + /*background: #f0f0f0;*/ + /* border: 1px solid #; */ + + border-radius : 15px; + padding: .1em; + font-size: 16px; + margin : 5px; + padding :20px; +} + +.task-list { + padding-left: 0; +} + +.task-list-item { + padding-left: 2.125rem; +} + +.task-list-item input { + top: 3px; +} + +.task-list-item input:before { + content: ""; + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: middle; + text-align: center; + border: 1px solid gray; + background-color: #fdfdfd; + margin-left: 0; + margin-top: -0.8rem; +} + +.task-list-item input:checked:before, .task-list-item input[checked]:before { + content: '\25FC'; + /*◘*/ + font-size: 0.8125rem; + line-height: 0.9375rem; + margin-top: -1rem; +} + +/* Chrome 29+ */ + +@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { + .task-list-item input:before { + margin-top: -0.2rem; + } + .task-list-item input:checked:before, .task-list-item input[checked]:before { + margin-top: -0.2rem; + } +} + +blockquote { + margin: 0 0 1.11111rem; + padding: 0.5rem 1.11111rem 0 1.05556rem; + border-left: 1px solid gray; +} + +blockquote, blockquote p { + line-height: 1.6; + color: #6f6f6f; +} + +#write pre.md-meta-block { + min-height: 30px; + background: #f8f8f8; + padding: 1.5em; + font-weight: 300; + font-size: 1em; + padding-bottom: 1.5em; + padding-top: 3em; + margin-top: -1.5em; + color: #999; + width: 100vw; + max-width: calc(100% + 60px); + margin-left: -30px; + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; +} + +.MathJax_Display { + font-size: 0.9em; + margin-top: 0.5em; + margin-bottom: 0; +} + +p.mathjax-block, .mathjax-block { + padding-bottom: 0; +} + +.mathjax-block>.code-tooltip { + bottom: 5px; + box-shadow: none; +} + +.md-image>.md-meta { + padding-left: 0.5em; + padding-right: 0.5em; +} + +.md-image>img { + margin-top: 2px; + max-width : 800px; +} + +p>.md-image:only-child:not(.md-img-error) img, p>img:only-child{ + display : inline-block; +} + +.md-image>.md-meta:first-of-type:before { + padding-left: 4px; +} + +#typora-source { + color: #555; +} + +/** ui for windows **/ + +#md-searchpanel { + border-bottom: 1px solid #ccc; +} + +#md-searchpanel .btn { + border: 1px solid #ccc; +} + +#md-notification:before { + top: 14px; +} + +#md-notification { + background: #eee; +} + +.megamenu-menu-panel .btn { + border: 1px solid #ccc; +} + +#typora-sidebar { + box-shadow: none; + border-radius : 0 15px 15px 0px; + margin : 10px 0 10px 0; + height : calc(100% - 20px); + color : white; +} + +.file-list-item, .show-folder-name .file-list-item { + padding-top: 20px; + padding-bottom: 20px; + line-height: 20px; +} + +.file-list-item-summary { + height: 40px; + line-height: 20px; +} + + +mark { + font-style: normal; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(135,206,235,0.25), + rgba(135,206,235,1) 100%, + rgba(135,206,235,0.45) + ); +} + +code { + font-style: normal; + border-width : 0px; + background : white; + background-image: + linear-gradient(-100deg, + rgba(255,250,100,0.25), + rgba(255,250,100,1) 100%, + rgba(255,250,100,0.45) + ); +} + +hr{ + background-color : lightgray; + border: solid lightgray; + border-radius: 0.5rem; + height:.06cm; + margin : 2rem 10rem; + page-break-after: always; +} +/* box-shadow: 0 0 6px 1px RGB(40,42,54); */ + +hr:after { /* Not really supposed to work, but does */ + content: "\00a0"; /* Prevent margin collapse */ +} + +strong strong { + background: #f27a70; + color: white; + padding: 3px 5px; + margin: -3px 3px 0px 3px; + line-height: 1.7; + border-radius: 10px; + border-width : 0px; +} + +blockquote { + border-left: solid 4px skyblue; +} + +html, body{margin: auto; padding: 0;place-items:center;} +.page{box-sizing: border-box; height: 100%; width: 100%; border: 1px solid transparent; page-break-after: always;} +.page-middle{height: 100%; width: 100%; display: table;} +.page-middle-inner{height: 100%; width: 100%; display: table-cell; vertical-align: middle;} + +#sidebar-files-menu { + border:solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); + color : black; +} + +#ty-sort-by-natural-btn, #ty-sort-by-name-btn, #ty-sort-by-date-btn{ + background-color: white; +} + +#typora-quick-open{ + color : white; +} + +#file-library-search-input { + color : white; + background-color : transparent; +} +#typora-sidebar > * { + background-color : transparent; +} \ No newline at end of file diff --git a/themes/rfc/GUST e-foundry License.txt b/themes/rfc/GUST e-foundry License.txt new file mode 100644 index 0000000..ad80c74 --- /dev/null +++ b/themes/rfc/GUST e-foundry License.txt @@ -0,0 +1,29 @@ +This is a preliminary version (2006-09-30), barring acceptance from +the LaTeX Project Team and other feedback, of the GUST Font License. +(GUST is the Polish TeX Users Group, http://www.gust.org.pl) + +For the most recent version of this license see +http://www.gust.org.pl/fonts/licenses/GUST-FONT-LICENSE.txt +or +http://tug.org/fonts/licenses/GUST-FONT-LICENSE.txt + +This work may be distributed and/or modified under the conditions +of the LaTeX Project Public License, either version 1.3c of this +license or (at your option) any later version. + +Please also observe the following clause: +1) it is requested, but not legally required, that derived works be + distributed only after changing the names of the fonts comprising this + work and given in an accompanying "manifest", and that the + files comprising the Work, as listed in the manifest, also be given + new names. Any exceptions to this request are also given in the + manifest. + + We recommend the manifest be given in a separate file named + MANIFEST-.txt, where is some unique identification + of the font family. If a separate "readme" file accompanies the Work, + we recommend a name of the form README-.txt. + +The latest version of the LaTeX Project Public License is in +http://www.latex-project.org/lppl.txt and version 1.3c or later +is part of all distributions of LaTeX version 2006/05/20 or later. \ No newline at end of file diff --git a/themes/rfc/codeblock.dark.css b/themes/rfc/codeblock.dark.css new file mode 100644 index 0000000..508c0f1 --- /dev/null +++ b/themes/rfc/codeblock.dark.css @@ -0,0 +1,109 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** code highlight */ + +.cm-s-inner .cm-variable, +.cm-s-inner .cm-operator, +.cm-s-inner .cm-property { + color: #b8bfc6; +} + +.cm-s-inner .cm-keyword { + color: #C88FD0; +} + +.cm-s-inner .cm-tag { + color: #7DF46A; +} + +.cm-s-inner .cm-attribute { + color: #7575E4; +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #b8bfc6; + z-index: 3; +} + +.cm-s-inner .cm-string { + color: #D26B6B; +} + +.cm-s-inner .cm-comment, +.cm-s-inner.cm-comment { + color: #DA924A; +} + +.cm-s-inner .cm-header, +.cm-s-inner .cm-def, +.cm-s-inner.cm-header, +.cm-s-inner.cm-def { + color: #8d8df0; +} + +.cm-s-inner .cm-quote, +.cm-s-inner.cm-quote { + color: #57ac57; +} + +.cm-s-inner .cm-hr { + color: #d8d5d5; +} + +.cm-s-inner .cm-link { + color: #d3d3ef; +} + +.cm-s-inner .cm-negative { + color: #d95050; +} + +.cm-s-inner .cm-positive { + color: #50e650; +} + +.cm-s-inner .cm-string-2 { + color: #f50; +} + +.cm-s-inner .cm-meta, +.cm-s-inner .cm-qualifier { + color: #57ac57; +} + +.cm-s-inner .cm-builtin { + color: #f3b3f8; +} + +.cm-s-inner .cm-bracket { + color: #997; +} + +.cm-s-inner .cm-atom, +.cm-s-inner.cm-atom { + color: #84B6CB; +} + +.cm-s-inner .cm-number { + color: #64AB8F; +} + +.cm-s-inner .cm-variable { + color: #b8bfc6; +} + +.cm-s-inner .cm-variable-2 { + color: #9FBAD5; +} + +.cm-s-inner .cm-variable-3 { + color: #1cc685; +} + +.CodeMirror-selectedtext, +.CodeMirror-selected::selection{ + background: transparent; + color: rgb(253, 116, 139) !important; + text-shadow: none; +} \ No newline at end of file diff --git a/themes/rfc/texgyreadventor-bold.otf b/themes/rfc/texgyreadventor-bold.otf new file mode 100644 index 0000000..b521943 Binary files /dev/null and b/themes/rfc/texgyreadventor-bold.otf differ diff --git a/themes/rfc/texgyreadventor-bolditalic.otf b/themes/rfc/texgyreadventor-bolditalic.otf new file mode 100644 index 0000000..3451a52 Binary files /dev/null and b/themes/rfc/texgyreadventor-bolditalic.otf differ diff --git a/themes/rfc/texgyreadventor-italic.otf b/themes/rfc/texgyreadventor-italic.otf new file mode 100644 index 0000000..9472e73 Binary files /dev/null and b/themes/rfc/texgyreadventor-italic.otf differ diff --git a/themes/rfc/texgyreadventor-regular.otf b/themes/rfc/texgyreadventor-regular.otf new file mode 100644 index 0000000..655a186 Binary files /dev/null and b/themes/rfc/texgyreadventor-regular.otf differ