pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak colours some more

Browse Source
This commit is contained in:
Wim Brand
2021-06-28 12:52:08 +02:00
parent 96fa273229
commit 6374cbfcc4
3 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
res/include/style/layout.css
View File

@@ -51,8 +51,9 @@ a > svg { vertical-align: middle; }
html, body { overflow-x: hidden; } html, body { overflow-x: hidden; }
body{ body{
background-color: #111111; /* Fallback */ background-color: #111111; /* Fallback */
background-color: var(--layer_2_color); background-color: var(--layer_1_color);
background-repeat: repeat; background-repeat: repeat;
background-blend-mode: darken;
margin: 0; margin: 0;
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
font-size: 17px; font-size: 17px;
@@ -206,12 +207,14 @@ body, .checkers {
.highlight_dark, .highlight_dark,
.highlight_middle, .highlight_middle,
.highlight_light, .highlight_light,
.highlight_lighter,
.highlight_green, .highlight_green,
.highlight_blue, .highlight_blue,
.highlight_red, .highlight_red,
.highlight_1, .highlight_1,
.highlight_2, .highlight_2,
.highlight_3{ .highlight_3,
.highlight_4 {
position: relative; position: relative;
width: auto; width: auto;
height: auto; height: auto;
@@ -232,6 +235,10 @@ body, .checkers {
background-color: var(--layer_3_color); background-color: var(--layer_3_color);
box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color); box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color);
} }
.highlight_lighter, .highlight_4 {
background-color: var(--layer_4_color);
box-shadow: 1px 1px var(--layer_4_shadow) 0 var(--shadow_color);
}
.highlight_green { .highlight_green {
background-color: rgba(0, 255, 0, 0.05); background-color: rgba(0, 255, 0, 0.05);
border-color: #00d000; border-color: #00d000;

5
res/template/widgets.html
View File

@@ -17,9 +17,10 @@
<h5>Size 5 header</h5> <h5>Size 5 header</h5>
<h6>Size 6 header</h6> <h6>Size 6 header</h6>
<div class="highlight_light">Light highlight</div>
<div class="highlight_middle">Middle highlight</div>
<div class="highlight_dark">Dark highlight</div> <div class="highlight_dark">Dark highlight</div>
<div class="highlight_middle">Middle highlight</div>
<div class="highlight_light">Light highlight</div>
<div class="highlight_lighter">Lighter highlight</div>
<br/> <br/>
Link <a href="#">A link to someplace</a>. Link <a href="#">A link to someplace</a>.
<hr/> <hr/>

8
webcontroller/user_style.go
View File

@@ -217,13 +217,13 @@ var defaultPixeldrainStyle = pixeldrainStyleSheet{
ScrollbarHoverColor: hsl{272, .5, .5}, ScrollbarHoverColor: hsl{272, .5, .5},
ScrollbarBackgroundColor: hsl{270, .5, .07}, ScrollbarBackgroundColor: hsl{270, .5, .07},
Layer1Color: hsl{270, .5, .05}, Layer1Color: hsl{270, .55, .07},
Layer1Shadow: 3, Layer1Shadow: 3,
Layer2Color: hsl{270, .5, .08}, Layer2Color: hsl{270, .55, .11},
Layer2Shadow: 5, Layer2Shadow: 5,
Layer3Color: hsl{272, .55, .14}, Layer3Color: hsl{272, .55, .15},
Layer3Shadow: 7, Layer3Shadow: 7,
Layer4Color: hsl{272, .6, .18}, Layer4Color: hsl{272, .55, .2},
Layer4Shadow: 9, Layer4Shadow: 9,
ShadowColor: hsl{0, 0, 0}, ShadowColor: hsl{0, 0, 0},