Update design

nummi/main/static/main/css/main.css

@@ -5,34 +5,35 @@
 }
 
 :root {
-	--theme: #006633;
+	--theme: #33cc66;
-	--theme-0: #00f279;
+	--theme-0: #138037;
-	--theme-1: #00b359;
+	--theme-1: #59ff91;
-	--theme-2: #007339;
+	--theme-2: var(--theme);
-	--theme-3: var(--theme);
+	--theme-3: #800a06;
-	--theme-4: #004d26;
+	--theme-4: #cc3733;
 
-	--text-theme: var(--text-inv);
+	--text-theme: var(--text);
 
 	--bg: #ffffff;
 	--text: #000000de;
 
-	--bg-inv: var(--theme-4);
+	--bg-inv: var(--theme-1);
 	--text-inv: #ffffffde;
 
-	--bg-01: #dedede;
+	--bg-01: #f0f0f0;
 
-	--text-link: #0a35ccde;
+	--text-link: var(--theme-0);
 
 	--gap: 1rem;
 
-	--red: #bf1500;
+	--red: var(--theme-3);
-	--green: var(--theme-2);
+	--green: var(--theme-0);
 
-	--red-1: #f21b00;
+	--red-1: var(--theme-4);
 	--green-1: var(--theme-1);
 
-	--radius: 2px;
+	--border: .5em;
+	--radius: .25em;
 
 	--num: "tnum", "ss01", "case";
 }

nummi/main/static/main/css/table.css

@@ -3,7 +3,8 @@
 	margin: 2em 0;
 	border-radius: var(--radius);
 	overflow: hidden;
-	border-bottom: .5em solid var(--bg-inv);
+	border-bottom: var(--border) solid var(--theme);
+	border-top: var(--border) solid var(--theme);
 }
 .table.col2 {grid-template-columns: repeat(2, auto)}
 .table.col3 {grid-template-columns: repeat(3, auto)}
@@ -24,7 +25,6 @@
 
 .table > div.header > * {
 	background: var(--bg-inv);
-	color: var(--text-inv);
 }
 
 .table > div > .center {

nummi/main/static/main/svg/logo-white.svg

@@ -4,7 +4,7 @@
 	xmlns="http://www.w3.org/2000/svg">
 	
 	<defs>
-		<rect id="basemask" x="-10" y="-10" width="110" height="110" />
+		<rect id="basemask" x="5" y="-5" width="90" height="110" />
 		<rect id="line" x="45" y="-10" width="10" height="120" />
 	</defs>
 
@@ -14,8 +14,8 @@
 		<use href="#line" transform="translate(20)" fill="black" />
 	</mask>
 
-	<polygon points="25,0 75,0 100,25 100,75 75,100 25,100 0,75 0,25"
+	<circle cx="50" cy="50" r="50"
-		fill="white"
+		fill="#ffffff"
 		mask="url(#mask)"
 		transform-origin="center center" transform="rotate(10) scale(.8)" />
 </svg>

nummi/main/static/main/svg/logo.svg

@@ -4,7 +4,7 @@
 	xmlns="http://www.w3.org/2000/svg">
 	
 	<defs>
-		<rect id="basemask" x="-10" y="-10" width="110" height="110" />
+		<rect id="basemask" x="5" y="-5" width="90" height="110" />
 		<rect id="line" x="45" y="-10" width="10" height="120" />
 	</defs>
 
@@ -14,8 +14,8 @@
 		<use href="#line" transform="translate(20)" fill="black" />
 	</mask>
 
-	<polygon points="25,0 75,0 100,25 100,75 75,100 25,100 0,75 0,25"
+	<circle cx="50" cy="50" r="50"
-		fill="#006633"
+		fill="#000000"
 		mask="url(#mask)"
 		transform-origin="center center" transform="rotate(10) scale(.8)" />
 </svg>

nummi/main/templates/main/base.html

@@ -22,7 +22,7 @@
 			<a href="{% url 'index' %}"
 				class="home{% if request.resolver_match.url_name == 'index' %} cur{% endif %}"
 				accesskey="h">
-				<img src="{% static 'main/svg/logo-white.svg' %}" alt="" />Nummi
+				<img src="{% static 'main/svg/logo.svg' %}" alt="" />Nummi
 			</a>
 			<a href="{% url 'transactions' %}"
 				class="{% if request.resolver_match.url_name == 'transactions' %}cur{% endif %}"
@@ -32,22 +32,22 @@
 			<a href="{% url 'transaction' %}"
 				class="{% if request.resolver_match.url_name == 'transaction' %}cur{% endif %}"
 				accesskey="n">
-				{% translate "Add transaction" %}
+				{% translate "New transaction" %}
 			</a>
 			<a href="{% url 'category' %}"
 				class="{% if request.resolver_match.url_name == 'category' %}cur{% endif %}"
 				accesskey="c">
-				{% translate "Add category" %}
+				{% translate "New category" %}
 			</a>
 			<a href="{% url 'snapshot' %}"
 				class="{% if request.resolver_match.url_name == 'snapshot' %}cur{% endif %}"
 				accesskey="s">
-				{% translate "Add snapshot" %}
+				{% translate "New snapshot" %}
 			</a>
 			<a href="{% url 'logout' %}"
 				class="logout"
 				accesskey="l">
-				{% translate "Log Out" %}
+				<i class="fa fa-right-from-bracket"></i>
 			</a>
 		</nav>
 		{% endspaceless %}

nummi/main/templates/main/index.html

@@ -10,8 +10,6 @@
 {% endblock %}
 
 {% block body %}
-<h1><img src="{% static 'main/svg/logo.svg' %}" alt="" />Nummi</h1>
-
 {% if transactions %}
 <h2>{% translate "Transactions" %}</h2>
 {% transaction_table transactions %}