steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

Complete pixeldawn theme

Browse source 
Co-authored-by: Francesca Peres <Viktya@users.noreply.github.com>
This commit is contained in:
Steffo 2022-12-29 04:00:52 +01:00
parent d919ae9131
commit 279a190b48
Signed by: steffo
GPG key ID: 6965406171929D01
3 changed files with 51 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,14 @@
{
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/Thumbs.db": true,
".idea": true,
"dist": true,
"node_modules": true,
".nojekyll": true,
}
}

2
examples/index.html
View file

@ -218,7 +218,7 @@
</dd> </dd>
<dt><label class="fade"><input type="radio" autocomplete="off" disabled class="ruleset-toggle" name="ruleset-colors" onclick="selectColor('less:bluelib-dist-colors-pixeldawn:root', 'pixeldawn-viktya.png')"> Pixel Dawn</label></dt> <dt><label class="fade"><input type="radio" autocomplete="off" disabled class="ruleset-toggle" name="ruleset-colors" onclick="selectColor('less:bluelib-dist-colors-pixeldawn:root', 'pixeldawn-viktya.png')"> Pixel Dawn</label></dt>
<dd> <dd>
yes A theme developed in collaboration with Viktya, featuring a pixelated beach-side sunrise.
</dd> </dd>
</dl> </dl>
</dd> </dd>

51
src/rulesets/colors/colors-pixeldawn.less
View file

@ -4,18 +4,13 @@
*/ */
@{bluelib} { @{bluelib} {
// .create-hsl-group(background; 275deg; 69%; 80%);
// .create-hsl-group(foreground; 0deg; 0%; 0%);
// .create-hsl-group(primary; 0deg; 0%; 0%);
// .create-hsl-group(link; 237deg; 91%; 59%);
.create-hsl-group(background; 14deg; 85%; 74%); .create-hsl-group(background; 14deg; 85%; 74%);
.create-hsl-group(foreground; 0deg; 0%; 0%); .create-hsl-group(foreground; 340deg; 40%; 20%);
.create-hsl-group(primary; 0deg; 0%; 0%); .create-hsl-group(primary; 220deg; 92%; 11%);
.create-hsl-group(link; 237deg; 80%; 41%); .create-hsl-group(link; 237deg; 80%; 41%);
.create-hsl-group(mark-foreground; 32deg; 64%; 14%); .create-hsl-group(mark-foreground; 194deg; 64%; 14%);
.create-hsl-group(mark-background; 32deg; 100%; 81%); .create-hsl-group(mark-background; 194deg; 100%; 81%);
.create-hsl-group(todo-foreground; 43deg; 100%; 65%); .create-hsl-group(todo-foreground; 43deg; 100%; 65%);
.create-hsl-group(todo-background; 204deg; 11%; 18%); .create-hsl-group(todo-background; 204deg; 11%; 18%);
@ -23,12 +18,12 @@
.create-hsl-group(sample-input; 0deg; 100%; 0%); .create-hsl-group(sample-input; 0deg; 100%; 0%);
.create-hsl-group(sample-output; 0deg; 100%; 100%); .create-hsl-group(sample-output; 0deg; 100%; 100%);
.create-hsl-group(red; 0deg; 100%; 60%); .create-hsl-group(red; 0deg; 100%; 15%);
.create-hsl-group(yellow; 60deg; 100%; 60%); .create-hsl-group(yellow; 60deg; 100%; 15%);
.create-hsl-group(green; 120deg; 100%; 60%); .create-hsl-group(green; 120deg; 100%; 15%);
.create-hsl-group(cyan; 180deg; 100%; 60%); .create-hsl-group(cyan; 180deg; 100%; 15%);
.create-hsl-group(blue; 240deg; 100%; 60%); .create-hsl-group(blue; 240deg; 100%; 15%);
.create-hsl-group(magenta; 300deg; 100%; 60%); .create-hsl-group(magenta; 300deg; 100%; 15%);
.map-hsl-group(inserted; green); .map-hsl-group(inserted; green);
.map-hsl-group(deleted; red); .map-hsl-group(deleted; red);
@ -36,5 +31,31 @@
&:is(@{bluelib}) { &:is(@{bluelib}) {
--b-panel-initial-opacity: 0.500; --b-panel-initial-opacity: 0.500;
--b-border-radius: 0; --b-border-radius: 0;
--b-outer-shadow: none;
@{header-1}, @{header-2}, @{header-3}, @{header-4}, @{header-5}, @{header-6} {
color: white;
text-shadow: 2px 2px 0 #9832ce;
}
@{panel} {
@{header-1}, @{header-2}, @{header-3}, @{header-4}, @{header-5}, @{header-6} {
color: .hsl-group(current)[@c];
text-shadow: none;
} }
} }
}
/*
@{panel} {
@{panel} {
background-color: .hsl-group(background; 0; - 8%; - 5%; 1.0)[@c] !important;
@{panel} {
background-color: .hsl-group(background; 0; - 16%; - 10%; 1.0)[@c] !important;
}
}
}
*/
}