diff --git a/customize.dist/src/cryptpad.less b/customize.dist/src/cryptpad.less
new file mode 100644
index 000000000..8b0794e29
--- /dev/null
+++ b/customize.dist/src/cryptpad.less
@@ -0,0 +1,271 @@
+@base: #302B28;
+@fore: #fafafa;
+
+@cp-green: #46E981;
+@cp-red: #FF0073; // remove red
+@cp-outline: #444;
+
+.fontface(@family, @src, @style: normal, @weight: 400, @fmt: 'truetype'){
+    @font-face{
+        font-family: @family;
+        src: url(@src) format(@fmt);
+        font-weight: @weight;
+        font-style: @style;
+    }
+}
+
+.fontface(lato, '/customize/fonts/lato/Lato-Regular.ttf', normal, 400);
+.fontface(lato, '/customize/fonts/lato/Lato-Black.ttf', normal, 700);
+.fontface(lato, '/customize/fonts/lato/Lato-Italic.ttf', italic, 400);
+
+.lato {
+    font-family: lato, sans-serif;
+    font-size: 1.02em;
+}
+
+html {
+    font-size: .875em;
+    background-color: @base;
+    color: @fore;
+}
+
+html,body {
+    font-family: Georgia,Cambria,serif;
+    height: 100%;
+}
+
+body {
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 2rem;
+}
+
+h1,h2,h3,h4,h5,h6 {
+    color: @fore;
+
+    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
+    -webkit-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
+    -moz-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
+    font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
+    font-style: normal;
+    font-weight: 600;
+    margin-top: 0;
+}
+
+h1 {
+    line-height: 3rem;
+    font-size: 2.05714rem;
+    margin-bottom: .21999rem;
+    padding-top: .78001rem;
+}
+
+h2 {
+    font-size: 1.95312rem;
+    margin-bottom: .18358rem;
+    padding-top: .81642rem;
+}
+
+h2,h3 {
+    line-height: 3rem;
+}
+
+h3 {
+    font-size: 1.64571rem;
+    margin-bottom: .07599rem;
+    padding-top: .92401rem;
+}
+
+h4 {
+    font-size: 1.5625rem;
+    margin-bottom: .54686rem;
+    padding-top: .45314rem;
+}
+
+h5 {
+   font-size: 1.25rem;
+    margin-bottom: -.56251rem;
+    padding-top: .56251rem;
+}
+
+h6 {
+    font-size: 1rem;
+    margin-bottom: -.65001rem;
+    padding-top: .65001rem;
+}
+
+a {
+    cursor: pointer;
+    color: @cp-green;
+    text-decoration: none;
+}
+
+img {
+    height: auto;
+    max-width: 100%;
+
+    &.cryptofist {
+        filter: invert(100%);
+    }
+}
+
+p {
+    padding-top: .66001rem;
+    -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
+    -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
+    font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
+    margin-top: 0;
+}
+
+p,pre {
+    margin-bottom: 1.33999rem;
+}
+
+p, pre, td, a, table, tr {
+    .lato;
+}
+
+#main {
+    width: 70vw;
+    margin: auto;
+
+    font-size: medium;
+    padding-bottom: 1em;
+}
+
+/* buttons */
+.create {
+    border: 1px solid @cp-green;
+    border-radius: 10px;
+    background-color: @base;
+    color: @cp-green;
+
+    font-weight: bold;
+    font-size: large;
+    margin-right: 5px;
+    margin-left: 5px;
+}
+.buttons {
+    margin-bottom: 50px;
+    margin-top: 20px;
+}
+
+.button {
+    @hpad: 2 * 6px;
+    @vpad: 2 * 2px;
+    padding: @vpad @hpad @vpad @hpad;
+
+    border-radius: 5px;
+}
+
+/* Tables */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin: 20px;
+}
+tbody {
+    border: 2px solid black;
+    tr {
+        text-align: center;
+        &:first-of-type th{
+            border-top: 0px;
+            font-weight: bold;
+            padding: 10px;
+            text-decoration: underline;
+        }
+        &:nth-child(odd) {
+            background-color: lighten(@base, 20%); //darken(@base, 20%);
+        }
+        th:first-of-type {
+            border-left: 0px;
+        }
+        th {
+            box-sizing: border-box;
+            border: 1px solid black;
+        }
+        th, td {
+            color: @fore;
+        }
+        th:last-child {
+            border-right: 0px;
+        }
+    }
+    .remove {
+        cursor: pointer;
+        color: @cp-red;
+    }
+
+    td {
+        border-right: 1px solid black;
+        padding: 12px;
+        padding-top: 0px;
+        padding-bottom: 0px;
+        &:last-child {
+            border-right: none;
+        }
+    }
+}
+
+/* Bottom Bar */
+
+.bottom-bar {
+    position:fixed;
+    bottom:0px;
+    right:0px;
+    height:4%;
+    height: 2.5em;
+
+    display: inline-block;
+    width: 100%;
+    background: @base;
+    border-top: 1px solid @cp-outline;
+
+    a {
+        color: rgb(39, 176, 0);
+        color: @cp-green;
+        text-decoration: none;
+    }
+    p {
+        margin: -1px;
+        font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+
+        font-size: 20px;
+        display:block;
+        float:left;
+        padding-top:3px;
+        //color: rgb(39, 176, 0);
+        color: @fore;
+    }
+    img {
+        margin-right: 4px;
+        position: relative;
+    }
+}
+
+.bottom-bar-left {
+    display:block;
+    float:left;
+    padding-left:10px;
+}
+.bottom-bar-right {
+    display:block;
+    float:right;
+    padding-right:20px
+}
+.bottom-bar-center {
+    margin-left: auto;
+    margin-right: auto;
+    width: 20%
+}
+.bottom-bar-heart {
+    top: 2px;
+}
+.bottom-bar-xwiki {
+    top: 3px;
+}
+.bottom-bar-openpaas {
+    top: 3px;
+    max-width: 100px;
+}
+