FreshRSS/rssguard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make nudus dark darker (nudus skins). (#942)

Browse Source 
Co-authored-by: akinokonomi <akinokonomi@example.com>
This commit is contained in:
akinokonomi 2023-05-03 04:32:30 +00:00 committed by GitHub
parent 8eea37ec3b
commit f1e9705fc4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
resources/skins/nudus-dark/html_style.css
View File

@ -12,7 +12,7 @@ dl, dd, ol, ul, figure {
} }
body { body {
background-color: #373A3D; background-color: #2F3134;
box-sizing: border-box; box-sizing: border-box;
color: #f5f5f5; color: #f5f5f5;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -23,7 +23,7 @@ body {
} }
::selection { ::selection {
background-color: #8291AD; background-color: #647595;
text-shadow: none; text-shadow: none;
} }
@ -125,7 +125,7 @@ var {
} }
a { a {
color: #8291AD; color: #647595;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
@ -164,7 +164,7 @@ blockquote p {
pre, pre,
code { code {
border: 1px solid #282a2c; border: 1px solid #222325;
border-radius: 0.3em; border-radius: 0.3em;
color: #E2E2E2; color: #E2E2E2;
font-family: monospace; font-family: monospace;
@ -196,17 +196,17 @@ pre > code {
kbd { kbd {
background: rgba(33, 35, 39, 0.4); background: rgba(33, 35, 39, 0.4);
border: 1px solid #282a2c; border: 1px solid #222325;
border-bottom: 3px solid #212224; border-bottom: 3px solid #1b1c1d;
border-radius: 0.3em; border-radius: 0.3em;
box-shadow: 0 2px 4px #282b2d, inset 0 1px #373A3D; box-shadow: 0 2px 4px #202224, inset 0 1px #2F3134;
font-size: .9rem !important; font-size: .9rem !important;
padding: .1em .4em .2em .4em; padding: .1em .4em .2em .4em;
} }
select { select {
background-color: rgba(33, 35, 39, 0.4); background-color: rgba(33, 35, 39, 0.4);
border: 1px solid #282a2c; border: 1px solid #222325;
border-radius: 0.3em; border-radius: 0.3em;
color: #f5f5f5; color: #f5f5f5;
padding: .04em .25em; padding: .04em .25em;
@ -215,10 +215,10 @@ select {
select:focus { select:focus {
box-shadow: none; box-shadow: none;
outline: none; outline: none;
background-color: #373A3D; background-color: #2F3134;
} }
select > option { select > option {
background-color: #373A3D; background-color: #2F3134;
} }
table { table {
@ -274,11 +274,11 @@ details *:last-child {
} }
details[open] { details[open] {
border-color: #282a2c; border-color: #222325;
padding: .5em; padding: .5em;
} }
details[open] > summary { details[open] > summary {
border-bottom: 1px solid #282a2c; border-bottom: 1px solid #222325;
border-radius: 0.27em 0.27em 0 0; border-radius: 0.27em 0.27em 0 0;
margin-bottom: .5em; margin-bottom: .5em;
} }
@ -292,12 +292,12 @@ iframe {
a:focus, a:focus,
select:focus, select:focus,
summary:focus { summary:focus {
background-color: #282a2c; background-color: #222325;
text-shadow: 0 -1px #373A3D; text-shadow: 0 -1px #2F3134;
} }
:target { :target {
outline: 1px solid #8291AD; outline: 1px solid #647595;
} }
.rssguard-mwrapper { .rssguard-mwrapper {
@ -345,7 +345,7 @@ html::after,
body::before, body::before,
body::after { body::after {
content: ""; content: "";
background-color: #282a2c; background-color: #222325;
display: block; display: block;
position: fixed; position: fixed;
z-index: 5; z-index: 5;
@ -386,8 +386,8 @@ body::after {
::-webkit-scrollbar-track, ::-webkit-scrollbar-track,
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background-color: #37393c; background-color: #313235;
box-shadow: inset 1px 1px #323437; box-shadow: inset 1px 1px #2c2d30;
} }
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
@ -395,46 +395,46 @@ body::after {
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f; box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258;
} }
::-webkit-scrollbar-thumb:horizontal { ::-webkit-scrollbar-thumb:horizontal {
background-image: linear-gradient(#414347 5%, #3c3e42); background-image: linear-gradient(#3b3c40 5%, #36373b);
min-width: 25px; min-width: 25px;
} }
::-webkit-scrollbar-thumb:horizontal:hover { ::-webkit-scrollbar-thumb:horizontal:hover {
background-image: linear-gradient(#43464a 25%, #3c3e42); background-image: linear-gradient(#3d3e43 25%, #36373b);
} }
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
background-image: linear-gradient(to right, #414347 5%, #3c3e42); background-image: linear-gradient(to right, #3b3c40 5%, #36373b);
min-height: 25px; min-height: 25px;
} }
::-webkit-scrollbar-thumb:vertical:hover { ::-webkit-scrollbar-thumb:vertical:hover {
background-image: linear-gradient(to right, #43464a 25%, #3c3e42); background-image: linear-gradient(to right, #3d3e43 25%, #36373b);
} }
::-webkit-scrollbar-thumb:active { ::-webkit-scrollbar-thumb:active {
background-image: linear-gradient(#3c3e42, #3c3e42) !important; background-image: linear-gradient(#36373b, #36373b) !important;
} }
:not(body)::-webkit-scrollbar-thumb:horizontal { :not(body)::-webkit-scrollbar-thumb:horizontal {
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f, 1px 0px #282a2c, 1px 1px #282a2c, -1px 1px #282a2c, -1px 0px #282a2c; box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 1px 0px #222325, 1px 1px #222325, -1px 1px #222325, -1px 0px #222325;
} }
:not(body)::-webkit-scrollbar-thumb:vertical { :not(body)::-webkit-scrollbar-thumb:vertical {
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f, 0px -1px #282a2c, 1px -1px #282a2c, 1px 1px #282a2c, 0px 1px #282a2c; box-shadow: inset 1px 1px #515258, inset -1px -1px #515258, inset 0px 1px #515258, inset 0px -1px #515258, inset 1px 0px #515258, inset 1px -1px #515258, inset -1px 0px #515258, inset -1px 1px #515258, 0px -1px #222325, 1px -1px #222325, 1px 1px #222325, 0px 1px #222325;
} }
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:horizontal { ::-webkit-scrollbar-track:horizontal {
border-top: 1px solid #282a2c; border-top: 1px solid #222325;
} }
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-track:vertical { ::-webkit-scrollbar-track:vertical {
border-left: 1px solid #282a2c; border-left: 1px solid #222325;
} }
body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:vertical, body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:vertical,
body::-webkit-scrollbar-track:horizontal, body::-webkit-scrollbar-track:horizontal,
body::-webkit-scrollbar-track:vertical { body::-webkit-scrollbar-track:vertical {
border: 1px solid #282a2c; border: 1px solid #222325;
} }
body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:horizontal,
body::-webkit-scrollbar-track:horizontal { body::-webkit-scrollbar-track:horizontal {
@ -446,7 +446,7 @@ body::-webkit-scrollbar-track:vertical {
} }
body::-webkit-scrollbar-corner { body::-webkit-scrollbar-corner {
border: 1px solid #282a2c; border: 1px solid #222325;
border-top: none; border-top: none;
border-left: none; border-left: none;
} }

6
resources/skins/nudus-dark/html_style.scss
View File

@ -1,8 +1,8 @@
@charset "utf-8"; @charset "utf-8";
$qtbg-base: #373A3D !default; // clr_basbg $qtbg-base: #2F3134 !default; // clr_basbg
$qtbg-button: #323437 !default; // clr_altbg // button bg (scrollbar, alt bg) $qtbg-button: #2C2D30 !default; // clr_altbg // button bg (scrollbar, alt bg)
$qcselbg: #8291AD !default; // clr_selbg $qcselbg: #647595 !default; // clr_selbg
// {{{ Emulate Fusion colour processing (dark only) // {{{ Emulate Fusion colour processing (dark only)

22
resources/skins/nudus-dark/metadata.xml
View File

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<skin version="0.1.6" base="nudus-base"> <skin version="0.1.7" base="nudus-base">
<author> <author>
<name>akinokonomi, martinrotter</name> <name>akinokonomi, martinrotter</name>
</author> </author>
@ -17,21 +17,21 @@
<forced-skin-colors>false</forced-skin-colors> <forced-skin-colors>false</forced-skin-colors>
<style-palette> <style-palette>
<group id="All"> <group id="All">
<color role="Base">#373A3D</color> <color role="Base">#2F3134</color>
<color role="AlternateBase">#323437</color> <color role="AlternateBase">#2C2D30</color>
<color role="ToolTipBase" brush="Dense1Pattern">#2D2F32</color> <color role="ToolTipBase" brush="Dense1Pattern">#282A2D</color>
<color role="Dark">#202224</color> <color role="Dark">#202224</color>
<color role="Midlight">#292c2e</color> <color role="Midlight">#292c2e</color>
<color role="Mid">#292c2e</color> <color role="Mid">#292c2e</color>
<color role="Shadow">#292c2e</color> <color role="Shadow">#292c2e</color>
<color role="Light">#323437</color> <color role="Light">#2C2D30</color>
<color role="Highlight">#8291AD</color> <color role="Highlight">#647595</color>
<color role="Window">#2D2F32</color> <color role="Window">#282A2D</color>
<color role="Button">#323437</color> <color role="Button">#2C2D30</color>
<color role="Text">#E2E2E2</color> <color role="Text">#D9D9D9</color>
<color role="BrightText">#373A3D</color> <color role="BrightText">#2F3134</color>
<color role="HighlightedText">#FFFFFF</color> <color role="HighlightedText">#FFFFFF</color>
<color role="PlaceholderText">#A7A7A7</color> <color role="PlaceholderText">#A7A7A7</color>
<color role="ToolTipText">#D8D8D8</color> <color role="ToolTipText">#D8D8D8</color>
@ -40,7 +40,7 @@
<color role="Link">#a1acc1</color> <color role="Link">#a1acc1</color>
<color role="LinkVisited">#a1acc1</color> <color role="LinkVisited">#a1acc1</color>
<color role="NoRole">#2D2F32</color> <color role="NoRole">#282A2D</color>
</group> </group>
<group id="Disabled"> <group id="Disabled">