changing red shade in public site
This commit is contained in:
@@ -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;
|
||||||
|
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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() {
|
||||||
|
|||||||
Reference in New Issue
Block a user