diff --git a/css/chimera-dark.css b/css/chimera-dark.css index 68a2642..dcb867e 100644 --- a/css/chimera-dark.css +++ b/css/chimera-dark.css @@ -25,6 +25,13 @@ input[type=submit]:active { background-color: hsl(183, 40%, 30%); } +button:disabled, +input[type=button]:disabled, +input[type=submit]:disabled { + border-color: hsl(183, 40%, 30%); + background-color: hsl(183, 40%, 30%); +} + blockquote { line-height: 2em; background-color: hsl(0, 0%, 20%); @@ -42,7 +49,7 @@ var, samp, pre { background-color: hsl(0, 0%, 20%); border-radius: 8px; - font-family: "Fira Code", monospace; + font-family: monospace; } pre { @@ -259,6 +266,17 @@ input[type=search] { resize: none; } +textarea:disabled, +input[type=text]:disabled, +input[type=email]:disabled, +input[type=password]:disabled, +input[type=number]:disabled, +input[type=tel]:disabled, +input[type=url]:disabled, +input[type=search]:disabled { + color: hsl(0, 0%, 60%); +} + body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; color: hsl(0, 0%, 100%); diff --git a/css/chimera-dark.css.map b/css/chimera-dark.css.map index d19d643..f93cff9 100644 --- a/css/chimera-dark.css.map +++ b/css/chimera-dark.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_buttons.scss","../sass/chimera-dark.scss","../sass/_blockquotes.scss","../sass/_formatted-text.scss","../sass/_horisontal-rule.scss","../sass/_images.scss","../sass/_labels.scss","../sass/_links.scss","../sass/_lists.scss","../sass/_checkboxes.scss","../sass/_radio-buttons.scss","../sass/_radio-checkbox-groups.scss","../sass/_tables.scss","../sass/_text.scss","../sass/_textfields.scss","../sass/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE,kBCEQ;EDDR,OCMuB;EDLvB;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCTa;EDUb,cCVa;EDWb;;;AAGF;AAAA;AAAA;EAGE,cChBe;EDiBf,kBCjBe;;;ACPjB;EACE;EACA,kBDUqB;ECTrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFWqB;EEVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHIQ;EGHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,ONYa;EMXb;EACA;;;AAGF;EACE,ONDa;EMEb;;;AAGF;EACE,ONLe;EMMf,uBNNe;;;AOPjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;EACA,kBROqB;AQLrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRtBQ;EQuBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTOqB;ASLrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTtBQ;ESuBR;EACA;;;AAGF;EACE;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AClBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abPW;EaQX,kBbGqB;EaFrB,ObDa;EaEb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA,OdOa;EcNb,YdQW","file":"chimera-dark.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/elements/_buttons.scss","../sass/chimera-dark.scss","../sass/elements/_blockquotes.scss","../sass/elements/_formatted-text.scss","../sass/elements/_horisontal-rule.scss","../sass/elements/_images.scss","../sass/elements/_labels.scss","../sass/elements/_links.scss","../sass/elements/_lists.scss","../sass/elements/_checkboxes.scss","../sass/elements/_radio-buttons.scss","../sass/elements/_radio-checkbox-groups.scss","../sass/elements/_tables.scss","../sass/elements/_text.scss","../sass/elements/_textfields.scss","../sass/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE,kBCEQ;EDDR,OCMuB;EDLvB;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCTa;EDUb,cCVa;EDWb;;;AAGF;AAAA;AAAA;EAGE,cChBe;EDiBf,kBCjBe;;;ADoBjB;AAAA;AAAA;EAGE,cCvBe;EDwBf,kBCxBe;;;ACPjB;EACE;EACA,kBDWqB;ECVrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFYqB;EEXrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHIQ;EGHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,ONaa;EMZb;EACA;;;AAGF;EACE,ONDa;EMEb;;;AAGF;EACE,ONLe;EMMf,uBNNe;;;AOPjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;EACA,kBRQqB;AQNrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRtBQ;EQuBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTQqB;ASNrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTtBQ;ESuBR;EACA;;;AAGF;EACE;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AClBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abPW;EaQX,kBbIqB;EaHrB,ObDa;EaEb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,ObnBsB;;;AcXxB;EACE;EACA,OdOa;EcNb,YdSW","file":"chimera-dark.css"} \ No newline at end of file diff --git a/css/chimera-golden.css b/css/chimera-golden.css index 052823b..0328302 100644 --- a/css/chimera-golden.css +++ b/css/chimera-golden.css @@ -25,9 +25,16 @@ input[type=submit]:active { background-color: hsl(22, 80%, 60%); } +button:disabled, +input[type=button]:disabled, +input[type=submit]:disabled { + border-color: hsl(22, 80%, 60%); + background-color: hsl(22, 80%, 60%); +} + blockquote { line-height: 2em; - background-color: hsl(60, 5%, 10%); + background-color: hsl(0, 0%, 10%); width: 100%; box-sizing: border-box; border-left: 0.25em solid #fae0d1; @@ -40,9 +47,9 @@ code, kbd, var, samp, pre { - background-color: hsl(60, 5%, 10%); + background-color: hsl(0, 0%, 10%); border-radius: 8px; - font-family: "Fira Code", monospace; + font-family: monospace; } pre { @@ -110,7 +117,7 @@ input[type=checkbox] { appearance: none; margin: 0; padding: 0; - background-color: hsl(60, 5%, 10%); + background-color: hsl(0, 0%, 10%); /*style*/ width: 1em; height: 1em; @@ -144,7 +151,7 @@ input[type=radio] { appearance: none; margin: 0; padding: 0; - background-color: hsl(60, 5%, 10%); + background-color: hsl(0, 0%, 10%); /*style*/ width: 1em; height: 1em; @@ -246,8 +253,8 @@ input[type=tel], input[type=url], input[type=search] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; - background-color: hsl(60, 5%, 10%); - color: #fae0d1; + background-color: hsl(0, 0%, 10%); + color: hsl(22, 80%, 90%); font-size: medium; border-radius: 0.5em; border: 0; @@ -259,9 +266,20 @@ input[type=search] { resize: none; } +textarea:disabled, +input[type=text]:disabled, +input[type=email]:disabled, +input[type=password]:disabled, +input[type=number]:disabled, +input[type=tel]:disabled, +input[type=url]:disabled, +input[type=search]:disabled { + color: hsl(0, 0%, 30%); +} + body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; - color: #fae0d1; + color: hsl(22, 80%, 90%); background: hsl(0, 0%, 0%); } diff --git a/css/chimera-golden.css.map b/css/chimera-golden.css.map index b141d2c..f894552 100644 --- a/css/chimera-golden.css.map +++ b/css/chimera-golden.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_buttons.scss","../sass/chimera-golden.scss","../sass/_blockquotes.scss","../sass/_formatted-text.scss","../sass/_horisontal-rule.scss","../sass/_images.scss","../sass/_labels.scss","../sass/_links.scss","../sass/_lists.scss","../sass/_checkboxes.scss","../sass/_radio-buttons.scss","../sass/_radio-checkbox-groups.scss","../sass/_tables.scss","../sass/_text.scss","../sass/_textfields.scss","../sass/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE,kBCEQ;EDDR,OCMuB;EDLvB;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCTa;EDUb,cCVa;EDWb;;;AAGF;AAAA;AAAA;EAGE,cChBe;EDiBf,kBCjBe;;;ACPjB;EACE;EACA,kBDUqB;ECTrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFWqB;EEVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHIQ;EGHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,ONYa;EMXb;EACA;;;AAGF;EACE,ONDa;EMEb;;;AAGF;EACE,ONLe;EMMf,uBNNe;;;AOPjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;EACA,kBROqB;AQLrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRtBQ;EQuBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTOqB;ASLrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTtBQ;ESuBR;EACA;;;AAGF;EACE;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AClBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abPW;EaQX,kBbGqB;EaFrB,ObDa;EaEb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA,OdOa;EcNb,YdQW","file":"chimera-golden.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/elements/_buttons.scss","../sass/chimera-golden.scss","../sass/elements/_blockquotes.scss","../sass/elements/_formatted-text.scss","../sass/elements/_horisontal-rule.scss","../sass/elements/_images.scss","../sass/elements/_labels.scss","../sass/elements/_links.scss","../sass/elements/_lists.scss","../sass/elements/_checkboxes.scss","../sass/elements/_radio-buttons.scss","../sass/elements/_radio-checkbox-groups.scss","../sass/elements/_tables.scss","../sass/elements/_text.scss","../sass/elements/_textfields.scss","../sass/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE,kBCEQ;EDDR,OCMuB;EDLvB;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCTa;EDUb,cCVa;EDWb;;;AAGF;AAAA;AAAA;EAGE,cChBe;EDiBf,kBCjBe;;;ADoBjB;AAAA;AAAA;EAGE,cCvBe;EDwBf,kBCxBe;;;ACPjB;EACE;EACA,kBDWqB;ECVrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFYqB;EEXrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHIQ;EGHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,ONca;EMbb;EACA;;;AAGF;EACE,ONDa;EMEb;;;AAGF;EACE,ONLe;EMMf,uBNNe;;;AOPjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;EACA,kBRQqB;AQNrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRtBQ;EQuBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTQqB;ASNrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTtBQ;ESuBR;EACA;;;AAGF;EACE;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AClBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abPW;EaQX,kBbIqB;EaHrB,ObDa;EaEb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,ObnBuB;;;AcXzB;EACE;EACA,OdOa;EcNb,YdSW","file":"chimera-golden.css"} \ No newline at end of file diff --git a/css/chimera.css b/css/chimera.css index 6683c0d..af48a2d 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -25,6 +25,13 @@ input[type=submit]:active { background-color: hsl(183, 40%, 30%); } +button:disabled, +input[type=button]:disabled, +input[type=submit]:disabled { + border-color: hsl(183, 40%, 30%); + background-color: hsl(183, 40%, 30%); +} + blockquote { line-height: 2em; background-color: hsl(60, 5%, 95%); @@ -42,7 +49,7 @@ var, samp, pre { background-color: hsl(60, 5%, 95%); border-radius: 8px; - font-family: "Fira Code", monospace; + font-family: monospace; } pre { @@ -78,13 +85,12 @@ label { a { color: hsl(183, 40%, 50%); text-decoration: none; - font-weight: 400; + font-weight: 500; } a:hover { color: hsl(183, 40%, 40%); cursor: pointer; - text-decoration: underline hsl(183, 40%, 40%); } a:active { @@ -260,6 +266,17 @@ input[type=search] { resize: none; } +textarea:disabled, +input[type=text]:disabled, +input[type=email]:disabled, +input[type=password]:disabled, +input[type=number]:disabled, +input[type=tel]:disabled, +input[type=url]:disabled, +input[type=search]:disabled { + color: hsl(0, 0%, 65%); +} + body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; color: hsl(0, 0%, 25%); diff --git a/css/chimera.css.map b/css/chimera.css.map index 1424999..19c3646 100644 --- a/css/chimera.css.map +++ b/css/chimera.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/_buttons.scss","../sass/_variables.scss","../sass/_blockquotes.scss","../sass/_formatted-text.scss","../sass/_horisontal-rule.scss","../sass/_images.scss","../sass/_labels.scss","../sass/_links.scss","../sass/_lists.scss","../sass/_checkboxes.scss","../sass/_radio-buttons.scss","../sass/_radio-checkbox-groups.scss","../sass/_tables.scss","../sass/_text.scss","../sass/_textfields.scss","../sass/_base.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;EAGE,kBCMQ;EDLR;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCLa;EDMb,cCNa;EDOb;;;AAGF;AAAA;AAAA;EAGE,cCZe;EDaf,kBCbe;;;ACXjB;EACE;EACA,kBDcqB;ECbrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFeqB;EEdrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHQQ;EGPR;EACA;EACA;EACA;;;ACPF;EACE;EACA;;;ACFF;EACE;;;ACCF;EACE,ONQQ;EMPR;EACA;;;AAGF;EACE,ONGa;EMFb;EACA;;;AAGF;EACE,ONFe;EMGf,uBNHe;;;AObjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACXF;AACE;EACA;EACA;EACA;EACA,kBRWqB;AQTrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRlBQ;EQmBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTWqB;ASTrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTlBQ;ESmBR;EACA;;;AAGF;EACE;;;ACnCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACLF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACpBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACpCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abHW;EaIX,kBbOqB;EaNrB,ObIa;EaHb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;EACE,adIW;EcHX,OdYa;EcXb,YdYW","file":"chimera.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/elements/_buttons.scss","../sass/chimera.scss","../sass/elements/_blockquotes.scss","../sass/elements/_formatted-text.scss","../sass/elements/_horisontal-rule.scss","../sass/elements/_images.scss","../sass/elements/_labels.scss","../sass/elements/_links.scss","../sass/elements/_lists.scss","../sass/elements/_checkboxes.scss","../sass/elements/_radio-buttons.scss","../sass/elements/_radio-checkbox-groups.scss","../sass/elements/_tables.scss","../sass/elements/_text.scss","../sass/elements/_textfields.scss","../sass/elements/_base.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE,kBCEQ;EDDR,OCKuB;EDJvB;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE,kBCTa;EDUb,cCVa;EDWb;;;AAGF;AAAA;AAAA;EAGE,cChBe;EDiBf,kBCjBe;;;ADoBjB;AAAA;AAAA;EAGE,cCvBe;EDwBf,kBCxBe;;;ACPjB;EACE;EACA,kBDUqB;ECTrB;EACA;EACA;EACA;EACA;EACA;;;ACRF;AAAA;AAAA;AAAA;EACE,kBFWqB;EEVrB;EACA;;;AAGF;EAEE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;;AClBF;EACE,kBHIQ;EGHR;EACA;EACA;EACA;;;ACLF;EACE;EACA;;;ACFF;EACE;;;ACDF;EACE,ONaa;EMZb;EACA;;;AAGF;EACE,ONDa;EMEb;;;AAGF;EACE,ONLe;EMMf,uBNNe;;;AOPjB;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;ACbF;AACE;EACA;EACA;EACA;EACA,kBROqB;AQLrB;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBRtBQ;EQuBR;EACA;;;AAGF;EACE;;;ACjCF;AACE;EACA;EACA;EACA;EACA,kBTOqB;ASLrB;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,kBTtBQ;ESuBR;EACA;;;AAGF;EACE;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AClBF;EACE;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;ACtCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,abPW;EaQX,kBbGqB;EaFrB,ObFa;EaGb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE,ObpBsB;;;AcVxB;EACE;EACA,OdMa;EcLb,YdQW","file":"chimera.css"} \ No newline at end of file diff --git a/sass/chimera-dark.scss b/sass/chimera-dark.scss index 6288462..c8970b7 100644 --- a/sass/chimera-dark.scss +++ b/sass/chimera-dark.scss @@ -9,10 +9,12 @@ $Chimera-darker: hsl(183, 40%, 30%); $Chimera-input-border: hsl(0, 0%, 51%); $Chimera-text: hsl(0, 0%, 100%); $Chimera-text-secondary: #333333; +$Chimera-text-disabled: hsl(0, 0%, 50%); $Chimera-bg: hsl(0, 0%, 10%); $Chimera-bg-secondary: hsl(0, 0%, 20%); $Chimera-link: hsl(183, 40%, 50%); + // @use "main"; @import "elements/main"; diff --git a/sass/chimera-golden.scss b/sass/chimera-golden.scss index 402652d..9ca95ca 100644 --- a/sass/chimera-golden.scss +++ b/sass/chimera-golden.scss @@ -7,10 +7,12 @@ $Chimera: #fae0d1; $Chimera-dark: hsl(22, 80%, 70%); $Chimera-darker: hsl(22, 80%, 60%); $Chimera-input-border: hsl(0, 0%, 51%); -$Chimera-text: #fae0d1; +$Chimera-text: hsl(22, 80%, 90%); $Chimera-text-secondary: #333333; +$Chimera-text-disabled: hsl(0, 0%, 30%); $Chimera-bg: hsl(0, 0%, 0%); -$Chimera-bg-secondary: hsl(60, 5%, 10%); +$Chimera-bg-secondary: hsl(0, 0%, 10%); +$Chimera-bg-disabled: hsl(0, 0%, 30%); $Chimera-link: hsl(22, 80%, 70%); // @use "main"; diff --git a/sass/chimera.scss b/sass/chimera.scss index dae3fc5..aaeb2bf 100644 --- a/sass/chimera.scss +++ b/sass/chimera.scss @@ -8,6 +8,7 @@ $Chimera-dark: hsl(183, 40%, 40%); $Chimera-darker: hsl(183, 40%, 30%); $Chimera-text: hsl(0, 0%, 25%); $Chimera-text-secondary: #ffff; +$Chimera-text-disabled: hsl(0, 0%, 65%); $Chimera-bg: hsl(40, 30%, 100%); $Chimera-bg-secondary: hsl(60, 5%, 95%); $Chimera-input-border: hsl(0, 0%, 51%); diff --git a/sass/elements/_formatted-text.scss b/sass/elements/_formatted-text.scss index aa00c99..2458d6e 100644 --- a/sass/elements/_formatted-text.scss +++ b/sass/elements/_formatted-text.scss @@ -1,7 +1,7 @@ %formatted-text { background-color: $Chimera-bg-secondary; border-radius: 8px; - font-family: "Fira Code", monospace; + font-family: monospace; } pre { diff --git a/sass/elements/_textfields.scss b/sass/elements/_textfields.scss index 08fd7bb..9a81b2c 100644 --- a/sass/elements/_textfields.scss +++ b/sass/elements/_textfields.scss @@ -19,3 +19,14 @@ input[type="search"] { padding: 1em 0 1em 1em; resize: none; } + +textarea:disabled, +input[type="text"]:disabled, +input[type="email"]:disabled, +input[type="password"]:disabled, +input[type="number"]:disabled, +input[type="tel"]:disabled, +input[type="url"]:disabled, +input[type="search"]:disabled { + color: $Chimera-text-disabled; +}