changing red shade in public site

This commit is contained in:
metacryst
2026-01-13 09:00:20 -06:00
parent f2b5ba89eb
commit 604ba9f01c
3 changed files with 16 additions and 16 deletions

View File

@@ -9,7 +9,7 @@
--divider: #bb7c36; --divider: #bb7c36;
--green: #0857265c; --green: #0857265c;
--red: #CE0000; --red: #CE0000;
--redorange: #ff2e00; --quillred: #DE3F3F;
--brown: #812A18; --brown: #812A18;
--darkbrown: #3f0808; --darkbrown: #3f0808;

View File

@@ -33,9 +33,9 @@ class Home extends Shadow {
.horizontalAlign("center") .horizontalAlign("center")
p("Parchment provides spaces for every group you are a part of.") p("Parchment provides spaces for every group you are a part of.")
.color("var(--red)") .color("var(--quillred)")
.borderTop("1px solid var(--red)") .borderTop("1px solid var(--quillred)")
.borderHorizontal("1px solid var(--red)") .borderHorizontal("1px solid var(--quillred)")
.height(5, em) .height(5, em)
.fontSize(1.2, em) .fontSize(1.2, em)
.paddingTop(2, rem) .paddingTop(2, rem)
@@ -46,37 +46,37 @@ class Home extends Shadow {
HStack(() => { HStack(() => {
p("Log In") p("Log In")
.color("var(--red)") .color("var(--quillred)")
.paddingVertical(1.2, rem) .paddingVertical(1.2, rem)
.paddingHorizontal(3, rem) .paddingHorizontal(3, rem)
.fontSize(1.2, em) .fontSize(1.2, em)
.cursor("default") .cursor("default")
.onHover(function (hovering) { .onHover(function (hovering) {
if(hovering) { if(hovering) {
this.style.background = "var(--red)" this.style.background = "var(--quillred)"
this.style.color = "black" this.style.color = "black"
} else { } else {
this.style.background = "" this.style.background = ""
this.style.color = "var(--red)" this.style.color = "var(--quillred)"
} }
}) })
.onClick(() => { .onClick(() => {
window.navigateTo("/login") window.navigateTo("/login")
}) })
p("Sign Up") p("Sign Up")
.color("var(--red)") .color("var(--quillred)")
.borderLeft("1px solid var(--red)") .borderLeft("1px solid var(--quillred)")
.paddingVertical(1.2, rem) .paddingVertical(1.2, rem)
.paddingHorizontal(3, rem) .paddingHorizontal(3, rem)
.fontSize(1.2, em) .fontSize(1.2, em)
.cursor("default") .cursor("default")
.onHover(function (hovering) { .onHover(function (hovering) {
if(hovering) { if(hovering) {
this.style.background = "var(--red)" this.style.background = "var(--quillred)"
this.style.color = "black" this.style.color = "black"
} else { } else {
this.style.background = "" this.style.background = ""
this.style.color = "var(--red)" this.style.color = "var(--quillred)"
} }
}) })
.onClick(() => { .onClick(() => {
@@ -84,7 +84,7 @@ class Home extends Shadow {
}) })
}) })
.height(5, em) .height(5, em)
.border("1px solid var(--red)") .border("1px solid var(--quillred)")
div() div()
.height(5, em) .height(5, em)
@@ -100,7 +100,7 @@ class Home extends Shadow {
}) })
.width(100, pct) .width(100, pct)
.marginBottom(10, em) .marginBottom(10, em)
.border("1px solid var(--red)") .border("1px solid var(--quillred)")
}) })
.marginHorizontal(27, vw) .marginHorizontal(27, vw)
.width(46, vw) .width(46, vw)

View File

@@ -3,15 +3,15 @@ class SignUp extends Shadow {
VStack(() => { VStack(() => {
h2("$50 / Month Subscription") h2("$50 / Month Subscription")
.color("var(--red)") .color("var(--quillred)")
p(" - Access to Parchment Online and Parchment Desktop") p(" - Access to Parchment Online and Parchment Desktop")
p(" - Ability to Create Networks") p(" - Ability to Create Networks")
p(" - Up to 5GB Storage Space") p(" - Up to 5GB Storage Space")
button("Buy") button("Buy")
.color("var(--red") .color("var(--quillred")
.border("1px solid var(--red)") .border("1px solid var(--quillred)")
.marginLeft("auto") .marginLeft("auto")
.fontSize(1.1, em) .fontSize(1.1, em)
.onClick(async function() { .onClick(async function() {