shannon/Themes-NetNewsWire
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More rainbows

Browse source
This commit is contained in:
Shannon Kay 2025-03-05 00:09:58 -08:00
parent 92789733a1
commit 34af1e72ed
1 changed files with 36 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
unicorn.nnwtheme/stylesheet.css
View file

@ -3,7 +3,8 @@
body { body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
background-color: var(--background-color); /* background-color: var(--background-color); */
background: linear-gradient(120deg, #f9e7e9, #fdb2ce, #ffa5c7, #feb4b4, #faf1ca, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
word-wrap: break-word; word-wrap: break-word;
max-width: 44em; max-width: 44em;
} }
@ -69,11 +70,14 @@ strong, b {
} }
/* rainbow text */ /* rainbow text */
.articleBody { .articleBody {
background: linear-gradient(180deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%); background: linear-gradient(120deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
color: transparent; color: transparent;
} }
body {
background: linear-gradient(to bottom, #282a36, #29212f );
}
strong, b { strong, b {
color: #282a36; color: #282a36;
padding: 0.1rem; padding: 0.1rem;
@ -197,7 +201,9 @@ h1, h2, h3, h4 {
font-family: var(--header-font); font-family: var(--header-font);
text-align: left; text-align: left;
color: var(--header-color); color: var(--header-color);
/* background: linear-gradient(90deg, #faa0c7, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%); */
} }
pre { pre {
max-width: 100%; max-width: 100%;
margin: 0; margin: 0;
@ -282,7 +288,13 @@ img, figure, video, div, object {
margin: 0 auto; margin: 0 auto;
} }
figure img { figure img {
border: solid 0.2rem #faa0c7; border: solid 0.3rem #faa0c7;
border-image: linear-gradient(90deg, #faa0c7, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
border-image-slice: 1;
border-top: 0.3rem solid #FC8EAC;
border-right: 0.3rem solid #FC8EAC;
border-left: 0.3rem solid #FC8EAC;
border-bottom: 0.3rem solid #FC8EAC;
} }
iframe { iframe {
@ -318,7 +330,13 @@ sub {
} }
hr { hr {
border: 1.5px solid var(--table-cell-border-color); border: solid 1pt #FC8EAC;
border-image: linear-gradient(90deg, #faa0c7, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
border-image-slice: 1;
border-top: 0.2rem solid #FC8EAC;
border-right: 0.2rem solid #FC8EAC;
border-left: 0.2rem solid #FC8EAC;
border-bottom: 0.2rem solid #FC8EAC;
} }
.iframeWrap { .iframeWrap {
@ -340,6 +358,8 @@ blockquote {
margin-inline-end: 0; margin-inline-end: 0;
padding-inline-start: 15px; padding-inline-start: 15px;
border-inline-start: 3px solid var(--block-quote-border-color); border-inline-start: 3px solid var(--block-quote-border-color);
background-color: var(--block-quote-background-color);
padding: 0.2rem;
} }
/* Feed Specific */ /* Feed Specific */
@ -423,6 +443,7 @@ a.footnote:hover,
word-break: break-word; word-break: break-word;
-webkit-hyphens: auto; -webkit-hyphens: auto;
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
color: #000000;
} }
:root { :root {
@ -431,6 +452,7 @@ a.footnote:hover,
--primary-accent-color: #f34482; --primary-accent-color: #f34482;
--secondary-accent-color: #fb72a2; --secondary-accent-color: #fb72a2;
--block-quote-border-color: #faa0b8; --block-quote-border-color: #faa0b8;
--block-quote-background-color: #fce8ef;
--ios-hover-color: #f3e1e8; /* placeholder */ --ios-hover-color: #f3e1e8; /* placeholder */
/* font-size: 1rem; */ /* font-size: 1rem; */
/* The font-size is replaced at runtime by the dynamic type size */ /* The font-size is replaced at runtime by the dynamic type size */
@ -447,6 +469,13 @@ a.footnote:hover,
--header-table-border-color: rgba(255, 255, 255, 0.2); --header-table-border-color: rgba(255, 255, 255, 0.2);
--ios-hover-color: #444444; /* placeholder */ --ios-hover-color: #444444; /* placeholder */
} }
/* rainbow text */
.articleBody {
background: linear-gradient(120deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
} }
body a, body a:visited, body a * { body a, body a:visited, body a * {
@ -472,12 +501,7 @@ a.footnote:hover,
text-decoration: none; text-decoration: none;
color: var(--sup-link-color); color: var(--sup-link-color);
} }
.articleBody {
background: linear-gradient(90deg, #f9e7e9, #fa9cc0, #f87dac, #f38282, #f7d54d, #bdfcda, #affbff, #d2c8ff, #e3afff, #f4bdff 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
body .header { body .header {
font: var(--header-font); font: var(--header-font);
font-size: [[font-size]]px; font-size: [[font-size]]px;
@ -537,6 +561,7 @@ a.footnote:hover,
color-scheme: light dark; color-scheme: light dark;
--accent-color: #ef2687; --accent-color: #ef2687;
--block-quote-border-color: #faa0b8; --block-quote-border-color: #faa0b8;
--block-quote-background-color: #fce8ef;
--hover-gradient-color-start: #f67b9c; --hover-gradient-color-start: #f67b9c;
--hover-gradient-color-end: #faa0b8; --hover-gradient-color-end: #faa0b8;
@ -545,7 +570,7 @@ a.footnote:hover,
@media(prefers-color-scheme: dark) { @media(prefers-color-scheme: dark) {
:root { :root {
--accent-color: #fbc0d4; --accent-color: #fbc0d4;
--block-quote-border-color: #f8bfd3; --block-quote-border-color: #ff91ca;
--header-table-border-color: #f8bfd3; --header-table-border-color: #f8bfd3;
--hover-gradient-color-start: #f67b9c; --hover-gradient-color-start: #f67b9c;
--hover-gradient-color-end: #faa0b8; --hover-gradient-color-end: #faa0b8;