Sunlit-Shadow-12B / README.md
Vortex5's picture
Update README.md
1731764 verified
---
base_model:
- Vortex5/Dreamstar-12B
- ohyeah1/Violet-Lyra-Gutenberg-v2
- Vortex5/Abyssal-Seraph-12B
- Vortex5/Chaos-Unknown-12b
- yamatazen/Aurora-SCE-12B
library_name: transformers
tags:
- mergekit
- merge
- roleplay
---
<section class="shell shadowlight-theme">
<div class="title-frame">
<div class="title-block wide">
<h2 class="hero-title">Sunlit-Shadow-12B</h2>
</div>
<div class="image-slot inset">
<img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/mSuvcbeY1mWTTjxES_ktW.png">
</div>
</div>
<div class="shadow-divider"></div>
<section class="pane blended">
<h2 class="pane-title hover-glow">Overview<span class="underline"></span></h2>
<p>
<strong>Sunlit-Shadow-12B</strong> is made by merging:
<br>
<a href="https://huggingface.co/Vortex5/Abyssal-Seraph-12B" target="_blank">Abyssal-Seraph-12B</a>,
<a href="https://huggingface.co/Vortex5/Dreamstar-12B" target="_blank">Dreamstar-12B</a>,
<a href="https://huggingface.co/Vortex5/Chaos-Unknown-12b" target="_blank">Chaos-Unknown-12B</a>,
<a href="https://huggingface.co/yamatazen/Aurora-SCE-12B" target="_blank">Aurora-SCE-12B</a>, and
<a href="https://huggingface.co/ohyeah1/Violet-Lyra-Gutenberg-v2" target="_blank">Violet-Lyra-Gutenberg-v2</a>
using a custom method.
</p>
<details class="expando nested" style="margin-top:12px;">
<summary>Show YAML Config</summary>
<pre>
models:
- model: Vortex5/Abyssal-Seraph-12B
- model: Vortex5/Dreamstar-12B
- model: Vortex5/Chaos-Unknown-12b
- model: yamatazen/Aurora-SCE-12B
- model: ohyeah1/Violet-Lyra-Gutenberg-v2
merge_method: amsf
dtype: bfloat16
tokenizer_source: Vortex5/Abyssal-Seraph-12B
</pre>
</details>
</section>
<section class="pane blended">
<h2 class="pane-title hover-glow">Intended Use<span class="underline"></span></h2>
<div class="tag-row">
<div class="tagbox">📜 Storytelling</div>
<div class="tagbox">🎭 Roleplay</div>
<div class="tagbox">🌠 Creative Writing</div>
</div>
</section>
<section class="pane blended">
<h2 class="pane-title hover-glow">Credits<span class="underline"></span></h2>
<ul class="credits" style="list-style: none; padding-left:0; margin-left:0;">
<li><strong><a href="https://huggingface.co/mradermacher" target="_blank">Team Mradermacher</a></strong> — Static &amp; imatrix quants</li>
<li><strong><a href="https://huggingface.co/DeathGodlike" target="_blank">DeathGodlike</a></strong> — EXL3 quants</li>
<li class="credit-accent"><strong>Original creators and model authors</strong></li>
</ul>
</section>
<div class="shadow-divider"></div>
</section>
<style>
.shell.shadowlight-theme {
max-width: 1000px;
margin: 40px auto;
padding: 40px 24px;
position: relative;
background: radial-gradient(
circle at 40% 60%,
#080808 0%,
#050505 40%,
#000000 100%
);
border: 3px solid rgba(255, 180, 40, 0.75);
border-radius: 16px;
box-shadow:
0 0 55px rgba(0, 0, 0, 0.95),
0 0 120px rgba(0, 0, 0, 0.85),
inset 0 0 45px rgba(0, 0, 0, 0.70),
inset 0 0 90px rgba(0, 0, 0, 0.75);
color: #e6e6e6;
font-family: "Cinzel", "Inter", serif;
}
.image-slot img {
border: 3px solid rgba(255, 200, 90, 0.85);
border-radius: 8px;
box-shadow:
0 0 12px rgba(255, 190, 80, 0.35),
inset 0 0 6px rgba(255, 170, 60, 0.25)
}
.title-frame {
width: 100%;
text-align: center;
margin: 0 auto;
}
.title-block.wide {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px 0;
position: relative;
border-radius: 14px;
background: linear-gradient(
135deg,
rgba(20, 20, 20, 0.95),
rgba(12, 12, 12, 0.92),
rgba(8, 8, 8, 0.90)
);
border: 3px solid rgba(255, 190, 80, 0.65);
box-shadow:
0 6px 16px rgba(255, 200, 90, 0.35),
inset 0 0 22px rgba(255, 180, 40, 0.45),
inset 0 0 10px rgba(255, 140, 20, 0.30);
display: flex;
justify-content: center;
align-items: center;
}
.hero-title {
margin: 0 auto;
text-align: center;
display: block;
font-family: 'Cinzel Decorative', serif;
font-size: clamp(2.8rem, 5vw, 3.6rem);
font-weight: 700;
letter-spacing: 0.04em;
color: #ffda7b;
text-shadow:
0 0 8px rgba(255, 200, 90, 0.45),
0 0 16px rgba(255, 160, 40, 0.35),
0 0 28px rgba(255, 120, 20, 0.25);
transition: color 0.25s ease-in-out,
text-shadow 0.25s ease-in-out;
}
.hero-title:hover {
color: #ffe7a6;
text-shadow:
0 0 12px rgba(255, 220, 120, 0.75),
0 0 26px rgba(255, 170, 60, 0.65),
0 0 45px rgba(255, 130, 30, 0.45);
}
.shadow-divider {
width: 94% !important;
max-width: 880px !important;
height: 12px;
margin: 34px auto;
background: linear-gradient(
to right,
rgba(255, 200, 120, 0.95),
rgba(80, 80, 80, 0.8),
rgba(255, 170, 60, 0.95)
);
clip-path: polygon(
0% 50%,
5% 0%,
95% 0%,
100% 50%,
95% 100%,
5% 100%
);
box-shadow:
0 0 14px rgba(255, 200, 80, 0.55),
0 0 10px rgba(0, 0, 0, 0.45);
}
.pane {
margin: 28px 0;
padding: 26px;
border-radius: 6px !important;
border: 3px solid rgba(255, 190, 80, 0.75) !important;
background: linear-gradient(
145deg,
rgba(20, 20, 20, 0.92),
rgba(12, 12, 12, 0.88),
rgba(8, 8, 8, 0.82)
);
box-shadow:
0 0 20px rgba(255, 200, 90, 0.22),
inset 0 0 22px rgba(255, 170, 60, 0.40),
inset 0 0 10px rgba(255, 140, 20, 0.25);
}
.pane-title {
font-family: "Cinzel Decorative", "Cormorant Garamond", serif;
font-weight: 700;
font-size: 2.6rem !important;
letter-spacing: 0.04em;
color: #ffda7b;
text-shadow:
0 0 10px rgba(255, 210, 110, 0.55),
0 0 18px rgba(255, 160, 40, 0.35);
position: relative;
padding-bottom: 14px;
transition: color 0.25s ease-in-out,
text-shadow 0.25s ease-in-out;
}
.pane-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: linear-gradient(
to right,
rgba(255, 210, 110, 0.95),
rgba(100, 100, 100, 0.75),
rgba(0, 0, 0, 0)
);
}
.pane-title:hover {
color: #ffe7a6;
text-shadow:
0 0 15px rgba(255, 220, 130, 0.95),
0 0 40px rgba(255, 170, 60, 0.85),
0 0 70px rgba(255, 150, 40, 0.75);
}
.tagbox {
padding: 10px 18px;
font-size: 1.2rem;
background: rgba(18, 18, 18, 0.85);
border: 2px solid rgba(255, 200, 90, 0.55);
border-radius: 10px;
color: #eee;
box-shadow:
0 0 10px rgba(255, 200, 90, 0.25),
inset 0 0 10px rgba(255, 160, 40, 0.25);
}
.shell.shadowlight-theme a {
color: #ffda7b;
}
.shell.shadowlight-theme a:hover {
color: #ffe6a2;
text-shadow:
0 0 10px rgba(255, 210, 110, 0.85),
0 0 14px rgba(255, 160, 40, 0.55);
}
.shell pre {
background: rgba(10, 10, 10, 0.85);
color: #ffe7a6;
border-left: 3px solid rgba(255, 200, 90, 0.65);
}
.pane,
.pane p,
.pane ul li,
.pane .credits,
.pane details {
text-align: center !important;
}
.tag-row {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
margin: 10px 0;
flex-wrap: wrap;
}
.credits li.credit-accent strong {
color: #ffda7b !important;
text-decoration: none !important;
}
</style>