diff --git a/styles/dynasty-scans/catppuccin.user.css b/styles/dynasty-scans/catppuccin.user.css index ba59379..a5efeb7 100644 --- a/styles/dynasty-scans/catppuccin.user.css +++ b/styles/dynasty-scans/catppuccin.user.css @@ -1,12 +1,12 @@ /* ==UserStyle== @name Dynasty Reader Catppuccin -@namespace github.com/catppuccin/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ -@version 0.0.1 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles//catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3A -@description Soothing pastel theme for -@author Catppuccin +@namespace git.m3.fyi/marsn3/userstyles/src/branch/main/styles/dynasty-scans +@homepageURL https://git.m3.fyi/marsn3/userstyles/src/branch/main/styles/dynasty-scans +@version 0.0.2 +@updateURL https://git.m3.fyi/marsn3/userstyles/raw/branch/main/styles/dynasty-scans/catppuccin.user.css +@supportURL https://git.m3.fyi/marsn3/userstyles/issues/new +@description Soothing pastel theme for Dynasty Scans +@author Marsn3 @license MIT @preprocessor less @@ -90,120 +90,134 @@ /* Start styling your website here: */ background-color: @base; body { - background: @base; - } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { - background: @base; - text-shadow: none; - color: @text; + background: @base; + } + .navbar-inverse .navbar-search .search-query:focus, + .navbar-inverse .navbar-search .search-query.focused { + background: @base; + text-shadow: none; + color: @text; } .navbar-inverse .navbar-search .search-query { - background: @surface0; - color: @text; + background: @surface0; + color: @text; } - .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { - color: @base; - background-color: @accent-color; + .nav-pills > .active > a, + .nav-pills > .active > a:hover, + .nav-pills > .active > a:focus { + color: @base; + background-color: @accent-color; } - + .btn.active { - background-color: @surface0; - color: @text; - border-color: @overlay0; - background-image: none; + background-color: @surface0; + color: @text; + border-color: @overlay0; + background-image: none; } .btn { - background-color: @surface2; - color: @text; - border-color: @overlay0; - background-image: none; - text-shadow: none; + background-color: @surface2; + color: @text; + border-color: @overlay0; + background-image: none; + text-shadow: none; } i { - filter: drop-shadow(0px 1000px 0 @text); - transform: translateY(-1000px); + filter: drop-shadow(0px 1000px 0 @text); + transform: translateY(-1000px); } #content.container { - background: @crust; + background: @crust; } - body, #main.chapters .chapter .title,#reader .pages-list a { - color: @text + body, + #main.chapters .chapter .title, + #reader .pages-list a { + color: @text; } #reader .pages-list a:hover { - background: @accent-color; - color: @base; + background: @accent-color; + color: @base; } - #main.chapters .chapter,.thumbnail .caption { - color: @subtext0 + #main.chapters .chapter, + .thumbnail .caption { + color: @subtext0; } - .label, .badge { - color: @subtext1; - background-color: @surface0; + .label, + .badge { + color: @subtext1; + background-color: @surface0; } a { - color:@accent-color; + color: @accent-color; } - .nav-list > li > a, .nav-list .nav-header { - text-shadow: none; + .nav-list > li > a, + .nav-list .nav-header { + text-shadow: none; } #content.container { - box-shadow:0 0 10px @mantle; + box-shadow: 0 0 10px @mantle; } #main.chapters .chapter .title small { - color: @subtext1; + color: @subtext1; } - .thumbnail { - border-color: @overlay0; + .thumbnail { + border-color: @overlay0; } - .pagination ul > li > a, .pagination ul > li > span { - background-color: @surface0; - border-color: @surface1; + .pagination ul > li > a, + .pagination ul > li > span { + background-color: @surface0; + border-color: @surface1; } - .pagination ul > .active > a, .pagination ul > .active > span { - color: @base; - background-color: @accent-color; + .pagination ul > .active > a, + .pagination ul > .active > span { + color: @base; + background-color: @accent-color; } - a.thumbnail:hover, a.thumbnail:focus { - border-color: @accent-color; - box-shadow: 0 1px 4px fade(@accent-color,25%); + a.thumbnail:hover, + a.thumbnail:focus { + border-color: @accent-color; + box-shadow: 0 1px 4px fade(@accent-color, 25%); } - .nav > li > a:hover, .nav > li > a:focus { - background-color: @accent-color; - color: @base; - text-shadow: none; + .nav > li > a:hover, + .nav > li > a:focus { + background-color: @accent-color; + color: @base; + text-shadow: none; } #reader .pages-list a.active { - background: fade(@accent-color,80%); - color: @base; + background: fade(@accent-color, 80%); + color: @base; } select { - color: @text; - background-color: @surface1; - border-color: @surface2; + color: @text; + background-color: @surface1; + border-color: @surface2; } - #main.topics.index .forum_topic:nth-child(2n+1) { - background: @base; + #main.topics.index .forum_topic:nth-child(2n + 1) { + background: @base; } #main.topics.index .forum_topic { - border-color: @surface1; + border-color: @surface1; } - .toolbar,#main .posts .forum_post .info { - background: @surface0; - border-color: @surface2; + .toolbar, + #main .posts .forum_post .info { + background: @surface0; + border-color: @surface2; } #main.topics.index .forum_topic .info > span { - background: @surface1; - color: @text; + background: @surface1; + color: @text; } .caret { - border-top-color: @text; + border-top-color: @text; } .well { - background-color: @mantle; + background-color: @mantle; } .well legend { - color: @text + color: @text; } /* If you need to specify an overwrite specific to a flavor * (e.g. only when the flavor is set to latte), you can use a `when` guard clause. */