Add some theming

nextcloud · Jun 25, 2016 · 8ef8d54 · 8ef8d54
1 parent 47fd866
commit 8ef8d54
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 12 deletions.
diff --git a/nextcloudappstore/core/static/assets/css/style.css b/nextcloudappstore/core/static/assets/css/style.css
@@ -62,13 +62,13 @@ form .text-danger {
 
 .socialaccount-providers li a {
     padding: 6px 12px;
-    color: #fff;
-    background-color: #5cb85c;
+    color: #fff !important;
+    text-decoration: none !important;
+    background-color: #1EC900;
     border-color: #4cae4c;
     margin-top: 5px;
     margin-bottom: 5px;
     border: 1px solid transparent;
-    border-radius: 4px;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;

diff --git a/nextcloudappstore/core/static/assets/css/theme.css b/nextcloudappstore/core/static/assets/css/theme.css
@@ -0,0 +1,58 @@
+/* Custom theme changes */
+
+:root {
+    --bg-color: #0082c9;
+    --bg-color-hover: #0069B0;
+    --link-color: #0082c9;
+    --link-active-color: #fff;
+    --border-radius: 0;
+}
+
+
+#body a {
+    color: var(--link-color);
+}
+
+#body a:hover {
+    color: var(--link-color);
+    text-decoration: underline;
+}
+
+#sidebar .active a {
+    background-color: var(--bg-color);
+    border-radius: var(--border-radius);
+    color: var(--link-active-color);
+}
+
+#sidebar a:hover {
+    text-decoration: none;
+    border-radius: var(--border-radius);
+}
+
+.well,
+.well-small,
+.container .jumbotron {
+    border-radius: var(--border-radius);
+    background-color: #fff;
+}
+
+.btn-primary {
+    background-color: var(--bg-color);
+}
+
+.btn-primary {
+    background-color: var(--bg-color);
+    border-radius: var(--border-radius);
+}
+
+.btn-primary:hover {
+    background-color: var(--bg-color-hover);
+}
+
+.form-control {
+    border-radius: var(--border-radius);
+}
+
+.form-control:focus {
+    box-shadow: 0 0 2px var(--bg-color);
+}
diff --git a/nextcloudappstore/core/templates/app/list.html b/nextcloudappstore/core/templates/app/list.html
@@ -5,10 +5,6 @@
 
 
 {% block apps %}
-<div class="jumbotron">
-    <h1>{{ current_category.name }}</h1>
-    <p>{{ current_category.description }}</p>
-</div>
 {% for app in object_list %}
         <div class="col-sm-4">
             <div class="well">

diff --git a/nextcloudappstore/core/templates/base.html b/nextcloudappstore/core/templates/base.html
@@ -12,6 +12,7 @@
     <link rel="stylesheet"
           href="{% static 'vendor/bootstrap/dist/css/bootstrap.min.css' %}">
     <link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
+    <link rel="stylesheet" href="{% static 'assets/css/theme.css' %}">
     <script src="{% static 'vendor/jquery/dist/jquery.min.js' %}"></script>
     <script
         src="{% static 'vendor/bootstrap/dist/js/bootstrap.min.js' %}"></script>

diff --git a/nextcloudappstore/core/templates/home.html b/nextcloudappstore/core/templates/home.html
@@ -2,11 +2,6 @@
 {% load i18n %}
 
 {% block apps %}
-<div class="jumbotron">
-    <h1>{% trans 'All Apps' %}</h1>
-    <p>{% trans 'All available apps' %}</p>
-</div>
-
 <div class="row">
 {% for app in recommended_apps %}
   <div class="col-sm-4">