diff --git a/src/static/styles/0-light.css b/src/static/styles/0-light.css
index 1d29972..c3a71da 100644
--- a/src/static/styles/0-light.css
+++ b/src/static/styles/0-light.css
@@ -24,35 +24,35 @@
html {
- background-color: #22242e;
+ background-color: #eee8d5;
font-family: 'Work Sans';
- color: #f8f8f2;
+ color: #586e75;
}
h1 {
- color: #50fa7b;
+ color: #d33682;
}
h2 {
- color: #50fa7b;
+ color: #d33682;
}
h3 {
- color: #50fa7b;
+ color: #d33682;
}
h4 {
- color: #50fa7b;
+ color: #d33682;
}
h5 {
- color: #50fa7b;
+ color: #d33682;
}
button {
background-color: transparent;
border: none;
- color: #8be9fd;
+ color: #2aa198;
padding: 1px 2px;
text-align: left;
text-decoration: none;
@@ -67,36 +67,56 @@ hr {
}
a {
- color: #8be9fd;
+ color: #2aa198;
text-decoration: underline;
font-style: normal;
font-size: 1em;
}
+.globalcontainer {
+ text-align: left;
+ margin: auto;
+ padding: 10px;
+ width: 900px;
+}
+
+.taskcontainer {
+ border: 3px dotted;
+ margin: 20px;
+ padding: 10px;
+}
+
.topbar {
- background-color: #22242e;
+ background-color: #eee8d5;
border: none;
- color: #8be9fd;
+ color: #586e75;
text-align: left;
text-decoration: none;
+ font-style: normal;
display: block;
}
.topbutton {
float: right;
+ text-decoration: none;
+ color: #2aa198;
}
.exportlink {
text-decoration: none;
- font-style: normal;
}
+
.pagetitle {
font-size: 3em;
color: #ff79c6;
float: left;
}
+.backlink {
+ text-decoration: none;
+}
+
.tasktitle {
color: #ff79c6;
font-size: 2em;
@@ -107,16 +127,10 @@ a {
font-style: italic;
}
-.backlink {
- text-decoration: none;
- font-style: normal;
-}
-
-
/*
.title {
background: #44475a;
- color: #50fa7b;
+ color: #d33682;
font-weight: bold;
font-size: 2em
border-style: none;
@@ -128,8 +142,8 @@ a {
.text {
width: 100%;
- background: #44475a;
- color: #f8f8f2;
+ background: #fdf6e3;
+ color: #657b83;
border-radius: 5px;
border-style: none;
outline: none;
@@ -141,8 +155,8 @@ a {
.title {
width: 100%;
- background: #44475a;
- color: #f8f8f2;
+ background: #fdf6e3;
+ color: #657b83;
border-radius: 5px;
border-style: none;
outline: none;
@@ -158,8 +172,8 @@ a {
}
.priorityinput {
- background-color: #22242e;
- color: #f8f8f2;
+ background-color: #eee8d5;
+ color: #586e75;
border-radius: 5px;
border-style: none;
border-width: 1px;
@@ -169,7 +183,7 @@ a {
label {
background-color: transparent;
border: none;
- color: #8be9fd;
+ color: #2aa198;
padding: 1px 2px;
text-align: left;
text-decoration: none;
@@ -192,8 +206,8 @@ input[type=number] {
}
.donemarkselect {
- background-color: #22242e;
- color: #f8f8f2;
+ background-color: #eee8d5;
+ color: #586e75;
border-radius: 5px;
border-style: inset;
border-color: #ff79c6;
@@ -208,85 +222,87 @@ input[type=number] {
/* Syntax highlighting */
pre { line-height: 125%; }
-td.linenos .normal { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
-.codehilite .hll { background-color: #44475a }
-.codehilite { background: #282a36; color: #f8f8f2 }
-.codehilite .c { color: #6272a4 } /* Comment */
-.codehilite .err { color: #f8f8f2 } /* Error */
-.codehilite .g { color: #f8f8f2 } /* Generic */
-.codehilite .k { color: #ff79c6 } /* Keyword */
-.codehilite .l { color: #f8f8f2 } /* Literal */
-.codehilite .n { color: #f8f8f2 } /* Name */
-.codehilite .o { color: #ff79c6 } /* Operator */
-.codehilite .x { color: #f8f8f2 } /* Other */
-.codehilite .p { color: #f8f8f2 } /* Punctuation */
-.codehilite .ch { color: #6272a4 } /* Comment.Hashbang */
-.codehilite .cm { color: #6272a4 } /* Comment.Multiline */
-.codehilite .cp { color: #ff79c6 } /* Comment.Preproc */
-.codehilite .cpf { color: #6272a4 } /* Comment.PreprocFile */
-.codehilite .c1 { color: #6272a4 } /* Comment.Single */
-.codehilite .cs { color: #6272a4 } /* Comment.Special */
-.codehilite .gd { color: #8b080b } /* Generic.Deleted */
-.codehilite .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */
-.codehilite .gr { color: #f8f8f2 } /* Generic.Error */
-.codehilite .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */
-.codehilite .go { color: #44475a } /* Generic.Output */
-.codehilite .gp { color: #f8f8f2 } /* Generic.Prompt */
-.codehilite .gs { color: #f8f8f2 } /* Generic.Strong */
-.codehilite .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */
-.codehilite .gt { color: #f8f8f2 } /* Generic.Traceback */
-.codehilite .kc { color: #ff79c6 } /* Keyword.Constant */
-.codehilite .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
-.codehilite .kn { color: #ff79c6 } /* Keyword.Namespace */
-.codehilite .kp { color: #ff79c6 } /* Keyword.Pseudo */
-.codehilite .kr { color: #ff79c6 } /* Keyword.Reserved */
-.codehilite .kt { color: #8be9fd } /* Keyword.Type */
-.codehilite .ld { color: #f8f8f2 } /* Literal.Date */
-.codehilite .m { color: #ffb86c } /* Literal.Number */
-.codehilite .s { color: #bd93f9 } /* Literal.String */
-.codehilite .na { color: #50fa7b } /* Name.Attribute */
-.codehilite .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */
-.codehilite .nc { color: #50fa7b } /* Name.Class */
-.codehilite .no { color: #f8f8f2 } /* Name.Constant */
-.codehilite .nd { color: #f8f8f2 } /* Name.Decorator */
-.codehilite .ni { color: #f8f8f2 } /* Name.Entity */
-.codehilite .ne { color: #f8f8f2 } /* Name.Exception */
-.codehilite .nf { color: #50fa7b } /* Name.Function */
-.codehilite .nl { color: #8be9fd; font-style: italic } /* Name.Label */
-.codehilite .nn { color: #f8f8f2 } /* Name.Namespace */
-.codehilite .nx { color: #f8f8f2 } /* Name.Other */
-.codehilite .py { color: #f8f8f2 } /* Name.Property */
-.codehilite .nt { color: #ff79c6 } /* Name.Tag */
-.codehilite .nv { color: #8be9fd; font-style: italic } /* Name.Variable */
-.codehilite .ow { color: #ff79c6 } /* Operator.Word */
-.codehilite .w { color: #f8f8f2 } /* Text.Whitespace */
-.codehilite .mb { color: #ffb86c } /* Literal.Number.Bin */
-.codehilite .mf { color: #ffb86c } /* Literal.Number.Float */
-.codehilite .mh { color: #ffb86c } /* Literal.Number.Hex */
-.codehilite .mi { color: #ffb86c } /* Literal.Number.Integer */
-.codehilite .mo { color: #ffb86c } /* Literal.Number.Oct */
-.codehilite .sa { color: #bd93f9 } /* Literal.String.Affix */
-.codehilite .sb { color: #bd93f9 } /* Literal.String.Backtick */
-.codehilite .sc { color: #bd93f9 } /* Literal.String.Char */
-.codehilite .dl { color: #bd93f9 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #bd93f9 } /* Literal.String.Doc */
-.codehilite .s2 { color: #bd93f9 } /* Literal.String.Double */
-.codehilite .se { color: #bd93f9 } /* Literal.String.Escape */
-.codehilite .sh { color: #bd93f9 } /* Literal.String.Heredoc */
-.codehilite .si { color: #bd93f9 } /* Literal.String.Interpol */
-.codehilite .sx { color: #bd93f9 } /* Literal.String.Other */
-.codehilite .sr { color: #bd93f9 } /* Literal.String.Regex */
-.codehilite .s1 { color: #bd93f9 } /* Literal.String.Single */
-.codehilite .ss { color: #bd93f9 } /* Literal.String.Symbol */
-.codehilite .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #50fa7b } /* Name.Function.Magic */
-.codehilite .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */
-.codehilite .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */
-.codehilite .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */
-.codehilite .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */
-.codehilite .il { color: #ffb86c } /* Literal.Number.Integer.Long */
+td.linenos .normal { color: #93a1a1; background-color: #eee8d5; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: #93a1a1; background-color: #eee8d5; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+.codehilite .hll { background-color: #eee8d5 }
+.codehilite { background: #fdf6e3; color: #657b83 }
+.codehilite .c { color: #93a1a1; font-style: italic } /* Comment */
+.codehilite .err { color: #657b83; background-color: #dc322f } /* Error */
+.codehilite .esc { color: #657b83 } /* Escape */
+.codehilite .g { color: #657b83 } /* Generic */
+.codehilite .k { color: #859900 } /* Keyword */
+.codehilite .l { color: #657b83 } /* Literal */
+.codehilite .n { color: #657b83 } /* Name */
+.codehilite .o { color: #93a1a1 } /* Operator */
+.codehilite .x { color: #657b83 } /* Other */
+.codehilite .p { color: #657b83 } /* Punctuation */
+.codehilite .ch { color: #93a1a1; font-style: italic } /* Comment.Hashbang */
+.codehilite .cm { color: #93a1a1; font-style: italic } /* Comment.Multiline */
+.codehilite .cp { color: #d33682 } /* Comment.Preproc */
+.codehilite .cpf { color: #93a1a1 } /* Comment.PreprocFile */
+.codehilite .c1 { color: #93a1a1; font-style: italic } /* Comment.Single */
+.codehilite .cs { color: #93a1a1; font-style: italic } /* Comment.Special */
+.codehilite .gd { color: #dc322f } /* Generic.Deleted */
+.codehilite .ge { color: #657b83; font-style: italic } /* Generic.Emph */
+.codehilite .gr { color: #dc322f } /* Generic.Error */
+.codehilite .gh { color: #657b83; font-weight: bold } /* Generic.Heading */
+.codehilite .gi { color: #859900 } /* Generic.Inserted */
+.codehilite .go { color: #657b83 } /* Generic.Output */
+.codehilite .gp { color: #268bd2; font-weight: bold } /* Generic.Prompt */
+.codehilite .gs { color: #657b83; font-weight: bold } /* Generic.Strong */
+.codehilite .gu { color: #657b83; text-decoration: underline } /* Generic.Subheading */
+.codehilite .gt { color: #268bd2 } /* Generic.Traceback */
+.codehilite .kc { color: #2aa198 } /* Keyword.Constant */
+.codehilite .kd { color: #2aa198 } /* Keyword.Declaration */
+.codehilite .kn { color: #cb4b16 } /* Keyword.Namespace */
+.codehilite .kp { color: #859900 } /* Keyword.Pseudo */
+.codehilite .kr { color: #859900 } /* Keyword.Reserved */
+.codehilite .kt { color: #b58900 } /* Keyword.Type */
+.codehilite .ld { color: #657b83 } /* Literal.Date */
+.codehilite .m { color: #2aa198 } /* Literal.Number */
+.codehilite .s { color: #2aa198 } /* Literal.String */
+.codehilite .na { color: #657b83 } /* Name.Attribute */
+.codehilite .nb { color: #268bd2 } /* Name.Builtin */
+.codehilite .nc { color: #268bd2 } /* Name.Class */
+.codehilite .no { color: #268bd2 } /* Name.Constant */
+.codehilite .nd { color: #268bd2 } /* Name.Decorator */
+.codehilite .ni { color: #268bd2 } /* Name.Entity */
+.codehilite .ne { color: #268bd2 } /* Name.Exception */
+.codehilite .nf { color: #268bd2 } /* Name.Function */
+.codehilite .nl { color: #268bd2 } /* Name.Label */
+.codehilite .nn { color: #268bd2 } /* Name.Namespace */
+.codehilite .nx { color: #657b83 } /* Name.Other */
+.codehilite .py { color: #657b83 } /* Name.Property */
+.codehilite .nt { color: #268bd2 } /* Name.Tag */
+.codehilite .nv { color: #268bd2 } /* Name.Variable */
+.codehilite .ow { color: #859900 } /* Operator.Word */
+.codehilite .w { color: #657b83 } /* Text.Whitespace */
+.codehilite .mb { color: #2aa198 } /* Literal.Number.Bin */
+.codehilite .mf { color: #2aa198 } /* Literal.Number.Float */
+.codehilite .mh { color: #2aa198 } /* Literal.Number.Hex */
+.codehilite .mi { color: #2aa198 } /* Literal.Number.Integer */
+.codehilite .mo { color: #2aa198 } /* Literal.Number.Oct */
+.codehilite .sa { color: #2aa198 } /* Literal.String.Affix */
+.codehilite .sb { color: #2aa198 } /* Literal.String.Backtick */
+.codehilite .sc { color: #2aa198 } /* Literal.String.Char */
+.codehilite .dl { color: #2aa198 } /* Literal.String.Delimiter */
+.codehilite .sd { color: #93a1a1 } /* Literal.String.Doc */
+.codehilite .s2 { color: #2aa198 } /* Literal.String.Double */
+.codehilite .se { color: #2aa198 } /* Literal.String.Escape */
+.codehilite .sh { color: #2aa198 } /* Literal.String.Heredoc */
+.codehilite .si { color: #2aa198 } /* Literal.String.Interpol */
+.codehilite .sx { color: #2aa198 } /* Literal.String.Other */
+.codehilite .sr { color: #cb4b16 } /* Literal.String.Regex */
+.codehilite .s1 { color: #2aa198 } /* Literal.String.Single */
+.codehilite .ss { color: #2aa198 } /* Literal.String.Symbol */
+.codehilite .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
+.codehilite .fm { color: #268bd2 } /* Name.Function.Magic */
+.codehilite .vc { color: #268bd2 } /* Name.Variable.Class */
+.codehilite .vg { color: #268bd2 } /* Name.Variable.Global */
+.codehilite .vi { color: #268bd2 } /* Name.Variable.Instance */
+.codehilite .vm { color: #268bd2 } /* Name.Variable.Magic */
+.codehilite .il { color: #2aa198 } /* Literal.Number.Integer.Long */
+
diff --git a/src/static/styles/1-dracula.css b/src/static/styles/1-dracula.css
index 2c6ac69..1d29972 100644
--- a/src/static/styles/1-dracula.css
+++ b/src/static/styles/1-dracula.css
@@ -24,35 +24,35 @@
html {
- background-color: #eee8d5;
+ background-color: #22242e;
font-family: 'Work Sans';
- color: #586e75;
+ color: #f8f8f2;
}
h1 {
- color: #d33682;
+ color: #50fa7b;
}
h2 {
- color: #d33682;
+ color: #50fa7b;
}
h3 {
- color: #d33682;
+ color: #50fa7b;
}
h4 {
- color: #d33682;
+ color: #50fa7b;
}
h5 {
- color: #d33682;
+ color: #50fa7b;
}
button {
background-color: transparent;
border: none;
- color: #2aa198;
+ color: #8be9fd;
padding: 1px 2px;
text-align: left;
text-decoration: none;
@@ -67,43 +67,36 @@ hr {
}
a {
- color: #2aa198;
+ color: #8be9fd;
text-decoration: underline;
font-style: normal;
font-size: 1em;
}
.topbar {
- background-color: #eee8d5;
+ background-color: #22242e;
border: none;
- color: #586e75;
+ color: #8be9fd;
text-align: left;
text-decoration: none;
- font-style: normal;
display: block;
}
.topbutton {
float: right;
- text-decoration: none;
- color: #2aa198;
}
.exportlink {
text-decoration: none;
+ font-style: normal;
}
-
.pagetitle {
font-size: 3em;
color: #ff79c6;
float: left;
}
-.backlink {
- text-decoration: none;
-}
-
.tasktitle {
color: #ff79c6;
font-size: 2em;
@@ -114,10 +107,16 @@ a {
font-style: italic;
}
+.backlink {
+ text-decoration: none;
+ font-style: normal;
+}
+
+
/*
.title {
background: #44475a;
- color: #d33682;
+ color: #50fa7b;
font-weight: bold;
font-size: 2em
border-style: none;
@@ -129,8 +128,8 @@ a {
.text {
width: 100%;
- background: #fdf6e3;
- color: #657b83;
+ background: #44475a;
+ color: #f8f8f2;
border-radius: 5px;
border-style: none;
outline: none;
@@ -142,8 +141,8 @@ a {
.title {
width: 100%;
- background: #fdf6e3;
- color: #657b83;
+ background: #44475a;
+ color: #f8f8f2;
border-radius: 5px;
border-style: none;
outline: none;
@@ -159,8 +158,8 @@ a {
}
.priorityinput {
- background-color: #eee8d5;
- color: #586e75;
+ background-color: #22242e;
+ color: #f8f8f2;
border-radius: 5px;
border-style: none;
border-width: 1px;
@@ -170,7 +169,7 @@ a {
label {
background-color: transparent;
border: none;
- color: #2aa198;
+ color: #8be9fd;
padding: 1px 2px;
text-align: left;
text-decoration: none;
@@ -193,8 +192,8 @@ input[type=number] {
}
.donemarkselect {
- background-color: #eee8d5;
- color: #586e75;
+ background-color: #22242e;
+ color: #f8f8f2;
border-radius: 5px;
border-style: inset;
border-color: #ff79c6;
@@ -209,86 +208,85 @@ input[type=number] {
/* Syntax highlighting */
pre { line-height: 125%; }
-td.linenos .normal { color: #93a1a1; background-color: #eee8d5; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: #93a1a1; background-color: #eee8d5; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-.codehilite .hll { background-color: #eee8d5 }
-.codehilite { background: #fdf6e3; color: #657b83 }
-.codehilite .c { color: #93a1a1; font-style: italic } /* Comment */
-.codehilite .err { color: #657b83; background-color: #dc322f } /* Error */
-.codehilite .esc { color: #657b83 } /* Escape */
-.codehilite .g { color: #657b83 } /* Generic */
-.codehilite .k { color: #859900 } /* Keyword */
-.codehilite .l { color: #657b83 } /* Literal */
-.codehilite .n { color: #657b83 } /* Name */
-.codehilite .o { color: #93a1a1 } /* Operator */
-.codehilite .x { color: #657b83 } /* Other */
-.codehilite .p { color: #657b83 } /* Punctuation */
-.codehilite .ch { color: #93a1a1; font-style: italic } /* Comment.Hashbang */
-.codehilite .cm { color: #93a1a1; font-style: italic } /* Comment.Multiline */
-.codehilite .cp { color: #d33682 } /* Comment.Preproc */
-.codehilite .cpf { color: #93a1a1 } /* Comment.PreprocFile */
-.codehilite .c1 { color: #93a1a1; font-style: italic } /* Comment.Single */
-.codehilite .cs { color: #93a1a1; font-style: italic } /* Comment.Special */
-.codehilite .gd { color: #dc322f } /* Generic.Deleted */
-.codehilite .ge { color: #657b83; font-style: italic } /* Generic.Emph */
-.codehilite .gr { color: #dc322f } /* Generic.Error */
-.codehilite .gh { color: #657b83; font-weight: bold } /* Generic.Heading */
-.codehilite .gi { color: #859900 } /* Generic.Inserted */
-.codehilite .go { color: #657b83 } /* Generic.Output */
-.codehilite .gp { color: #268bd2; font-weight: bold } /* Generic.Prompt */
-.codehilite .gs { color: #657b83; font-weight: bold } /* Generic.Strong */
-.codehilite .gu { color: #657b83; text-decoration: underline } /* Generic.Subheading */
-.codehilite .gt { color: #268bd2 } /* Generic.Traceback */
-.codehilite .kc { color: #2aa198 } /* Keyword.Constant */
-.codehilite .kd { color: #2aa198 } /* Keyword.Declaration */
-.codehilite .kn { color: #cb4b16 } /* Keyword.Namespace */
-.codehilite .kp { color: #859900 } /* Keyword.Pseudo */
-.codehilite .kr { color: #859900 } /* Keyword.Reserved */
-.codehilite .kt { color: #b58900 } /* Keyword.Type */
-.codehilite .ld { color: #657b83 } /* Literal.Date */
-.codehilite .m { color: #2aa198 } /* Literal.Number */
-.codehilite .s { color: #2aa198 } /* Literal.String */
-.codehilite .na { color: #657b83 } /* Name.Attribute */
-.codehilite .nb { color: #268bd2 } /* Name.Builtin */
-.codehilite .nc { color: #268bd2 } /* Name.Class */
-.codehilite .no { color: #268bd2 } /* Name.Constant */
-.codehilite .nd { color: #268bd2 } /* Name.Decorator */
-.codehilite .ni { color: #268bd2 } /* Name.Entity */
-.codehilite .ne { color: #268bd2 } /* Name.Exception */
-.codehilite .nf { color: #268bd2 } /* Name.Function */
-.codehilite .nl { color: #268bd2 } /* Name.Label */
-.codehilite .nn { color: #268bd2 } /* Name.Namespace */
-.codehilite .nx { color: #657b83 } /* Name.Other */
-.codehilite .py { color: #657b83 } /* Name.Property */
-.codehilite .nt { color: #268bd2 } /* Name.Tag */
-.codehilite .nv { color: #268bd2 } /* Name.Variable */
-.codehilite .ow { color: #859900 } /* Operator.Word */
-.codehilite .w { color: #657b83 } /* Text.Whitespace */
-.codehilite .mb { color: #2aa198 } /* Literal.Number.Bin */
-.codehilite .mf { color: #2aa198 } /* Literal.Number.Float */
-.codehilite .mh { color: #2aa198 } /* Literal.Number.Hex */
-.codehilite .mi { color: #2aa198 } /* Literal.Number.Integer */
-.codehilite .mo { color: #2aa198 } /* Literal.Number.Oct */
-.codehilite .sa { color: #2aa198 } /* Literal.String.Affix */
-.codehilite .sb { color: #2aa198 } /* Literal.String.Backtick */
-.codehilite .sc { color: #2aa198 } /* Literal.String.Char */
-.codehilite .dl { color: #2aa198 } /* Literal.String.Delimiter */
-.codehilite .sd { color: #93a1a1 } /* Literal.String.Doc */
-.codehilite .s2 { color: #2aa198 } /* Literal.String.Double */
-.codehilite .se { color: #2aa198 } /* Literal.String.Escape */
-.codehilite .sh { color: #2aa198 } /* Literal.String.Heredoc */
-.codehilite .si { color: #2aa198 } /* Literal.String.Interpol */
-.codehilite .sx { color: #2aa198 } /* Literal.String.Other */
-.codehilite .sr { color: #cb4b16 } /* Literal.String.Regex */
-.codehilite .s1 { color: #2aa198 } /* Literal.String.Single */
-.codehilite .ss { color: #2aa198 } /* Literal.String.Symbol */
-.codehilite .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
-.codehilite .fm { color: #268bd2 } /* Name.Function.Magic */
-.codehilite .vc { color: #268bd2 } /* Name.Variable.Class */
-.codehilite .vg { color: #268bd2 } /* Name.Variable.Global */
-.codehilite .vi { color: #268bd2 } /* Name.Variable.Instance */
-.codehilite .vm { color: #268bd2 } /* Name.Variable.Magic */
-.codehilite .il { color: #2aa198 } /* Literal.Number.Integer.Long */
+td.linenos .normal { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; }
+.codehilite .hll { background-color: #44475a }
+.codehilite { background: #282a36; color: #f8f8f2 }
+.codehilite .c { color: #6272a4 } /* Comment */
+.codehilite .err { color: #f8f8f2 } /* Error */
+.codehilite .g { color: #f8f8f2 } /* Generic */
+.codehilite .k { color: #ff79c6 } /* Keyword */
+.codehilite .l { color: #f8f8f2 } /* Literal */
+.codehilite .n { color: #f8f8f2 } /* Name */
+.codehilite .o { color: #ff79c6 } /* Operator */
+.codehilite .x { color: #f8f8f2 } /* Other */
+.codehilite .p { color: #f8f8f2 } /* Punctuation */
+.codehilite .ch { color: #6272a4 } /* Comment.Hashbang */
+.codehilite .cm { color: #6272a4 } /* Comment.Multiline */
+.codehilite .cp { color: #ff79c6 } /* Comment.Preproc */
+.codehilite .cpf { color: #6272a4 } /* Comment.PreprocFile */
+.codehilite .c1 { color: #6272a4 } /* Comment.Single */
+.codehilite .cs { color: #6272a4 } /* Comment.Special */
+.codehilite .gd { color: #8b080b } /* Generic.Deleted */
+.codehilite .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */
+.codehilite .gr { color: #f8f8f2 } /* Generic.Error */
+.codehilite .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
+.codehilite .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */
+.codehilite .go { color: #44475a } /* Generic.Output */
+.codehilite .gp { color: #f8f8f2 } /* Generic.Prompt */
+.codehilite .gs { color: #f8f8f2 } /* Generic.Strong */
+.codehilite .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */
+.codehilite .gt { color: #f8f8f2 } /* Generic.Traceback */
+.codehilite .kc { color: #ff79c6 } /* Keyword.Constant */
+.codehilite .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
+.codehilite .kn { color: #ff79c6 } /* Keyword.Namespace */
+.codehilite .kp { color: #ff79c6 } /* Keyword.Pseudo */
+.codehilite .kr { color: #ff79c6 } /* Keyword.Reserved */
+.codehilite .kt { color: #8be9fd } /* Keyword.Type */
+.codehilite .ld { color: #f8f8f2 } /* Literal.Date */
+.codehilite .m { color: #ffb86c } /* Literal.Number */
+.codehilite .s { color: #bd93f9 } /* Literal.String */
+.codehilite .na { color: #50fa7b } /* Name.Attribute */
+.codehilite .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */
+.codehilite .nc { color: #50fa7b } /* Name.Class */
+.codehilite .no { color: #f8f8f2 } /* Name.Constant */
+.codehilite .nd { color: #f8f8f2 } /* Name.Decorator */
+.codehilite .ni { color: #f8f8f2 } /* Name.Entity */
+.codehilite .ne { color: #f8f8f2 } /* Name.Exception */
+.codehilite .nf { color: #50fa7b } /* Name.Function */
+.codehilite .nl { color: #8be9fd; font-style: italic } /* Name.Label */
+.codehilite .nn { color: #f8f8f2 } /* Name.Namespace */
+.codehilite .nx { color: #f8f8f2 } /* Name.Other */
+.codehilite .py { color: #f8f8f2 } /* Name.Property */
+.codehilite .nt { color: #ff79c6 } /* Name.Tag */
+.codehilite .nv { color: #8be9fd; font-style: italic } /* Name.Variable */
+.codehilite .ow { color: #ff79c6 } /* Operator.Word */
+.codehilite .w { color: #f8f8f2 } /* Text.Whitespace */
+.codehilite .mb { color: #ffb86c } /* Literal.Number.Bin */
+.codehilite .mf { color: #ffb86c } /* Literal.Number.Float */
+.codehilite .mh { color: #ffb86c } /* Literal.Number.Hex */
+.codehilite .mi { color: #ffb86c } /* Literal.Number.Integer */
+.codehilite .mo { color: #ffb86c } /* Literal.Number.Oct */
+.codehilite .sa { color: #bd93f9 } /* Literal.String.Affix */
+.codehilite .sb { color: #bd93f9 } /* Literal.String.Backtick */
+.codehilite .sc { color: #bd93f9 } /* Literal.String.Char */
+.codehilite .dl { color: #bd93f9 } /* Literal.String.Delimiter */
+.codehilite .sd { color: #bd93f9 } /* Literal.String.Doc */
+.codehilite .s2 { color: #bd93f9 } /* Literal.String.Double */
+.codehilite .se { color: #bd93f9 } /* Literal.String.Escape */
+.codehilite .sh { color: #bd93f9 } /* Literal.String.Heredoc */
+.codehilite .si { color: #bd93f9 } /* Literal.String.Interpol */
+.codehilite .sx { color: #bd93f9 } /* Literal.String.Other */
+.codehilite .sr { color: #bd93f9 } /* Literal.String.Regex */
+.codehilite .s1 { color: #bd93f9 } /* Literal.String.Single */
+.codehilite .ss { color: #bd93f9 } /* Literal.String.Symbol */
+.codehilite .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */
+.codehilite .fm { color: #50fa7b } /* Name.Function.Magic */
+.codehilite .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */
+.codehilite .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */
+.codehilite .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */
+.codehilite .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */
+.codehilite .il { color: #ffb86c } /* Literal.Number.Integer.Long */
diff --git a/src/templates/homepage.html b/src/templates/homepage.html
index ac6a8f4..1568119 100644
--- a/src/templates/homepage.html
+++ b/src/templates/homepage.html
@@ -23,11 +23,15 @@
Todo
- {{ ntodo }}
+
+ {{ ntodo }}
+
Done
- {{ ndone }}
+
+ {{ ndone }}
+