modify the table css to make it look more clean and stylish

Thecarisma · Aug 10, 2020 · 36a71d4 · 36a71d4
1 parent e78e1c7
commit 36a71d4
Show file tree

Hide file tree

Showing 21 changed files with 154 additions and 119 deletions.
diff --git a/test/static_clear/_static/css/clear.css b/test/static_clear/_static/css/clear.css
@@ -61,20 +61,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgb(246, 248, 250); /* theme_table_tr_even_background_color */
 }
 
 pre {

diff --git a/test/static_fandango/_static/css/fandango.css b/test/static_fandango/_static/css/fandango.css
@@ -59,26 +59,27 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: #dce2e6; /* theme_table_tr_even_background_color */
 }
 
 code,
 .highlight {
     border: none;
-    background-color: rgb(246, 248, 250) !important; /* theme_code_background_color */
+    background-color: #dce2e6 !important; /* theme_code_background_color */
     border-radius: 6px;
     padding:2px 10px 4px 10px;
 }

diff --git a/test/static_fluid/_static/css/fluid.css b/test/static_fluid/_static/css/fluid.css
@@ -63,20 +63,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgb(246, 248, 250); /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/test/static_hackish/_static/css/hackish.css b/test/static_hackish/_static/css/hackish.css
@@ -63,20 +63,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgba(36,233,10,0.1); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: black; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: black; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: black; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgba(36,233,10,0.1); /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/test/static_milkish/_static/css/milkiish.css b/test/static_milkish/_static/css/milkiish.css
@@ -62,20 +62,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgb(246, 248, 250); /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/test/static_sugar/_static/css/sugar.css b/test/static_sugar/_static/css/sugar.css
@@ -61,20 +61,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgb(246, 248, 250); /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/test/static_water/_static/css/water.css b/test/static_water/_static/css/water.css
@@ -61,20 +61,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: rgb(223, 226, 229); /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: white; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: white; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: white; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: rgb(246, 248, 250); /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/themata/clear/static/css/clear.css_t b/themata/clear/static/css/clear.css_t
@@ -61,20 +61,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: {{ theme_table_background_color }}; /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: {{ theme_table_tr_odd_background_color }}; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: {{ theme_table_tr_even_background_color }} /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/themata/clear/theme.conf b/themata/clear/theme.conf
@@ -33,3 +33,6 @@ code_background_color = rgb(246, 248, 250)
 pre_border_color = black
 left_sidebar_background = #dfe7ed
 navigator_border_color = #e6e6e6
+table_background_color = rgb(223, 226, 229)
+table_tr_odd_background_color = white
+table_tr_even_background_color = rgb(246, 248, 250)
diff --git a/themata/fandango/static/css/fandango.css_t b/themata/fandango/static/css/fandango.css_t
@@ -59,20 +59,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: {{ theme_table_background_color }}; /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: {{ theme_table_tr_odd_background_color }}; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: {{ theme_table_tr_even_background_color }} /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/themata/fandango/theme.conf b/themata/fandango/theme.conf
@@ -39,4 +39,7 @@ footer_highlight_color = #0d8aa1
 footer_item_color = white
 navigator_border_color = #e6e6e6
 header_sec_background_color = #0490c2
-header_sec_title_color = white
+header_sec_title_color = white
+table_background_color = rgb(223, 226, 229)
+table_tr_odd_background_color = white
+table_tr_even_background_color = #dce2e6
diff --git a/themata/fluid/static/css/fluid.css_t b/themata/fluid/static/css/fluid.css_t
@@ -63,20 +63,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: {{ theme_table_background_color }}; /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: {{ theme_table_tr_odd_background_color }}; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: {{ theme_table_tr_even_background_color }} /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/themata/fluid/theme.conf b/themata/fluid/theme.conf
@@ -38,4 +38,7 @@ left_sidebar_background = #f0f4f5
 footer_background_color = #181d21
 footer_highlight_color = #0d8aa1
 footer_item_color = white
-navigator_border_color = #e6e6e6
+navigator_border_color = #e6e6e6
+table_background_color = rgb(223, 226, 229)
+table_tr_odd_background_color = white
+table_tr_even_background_color = rgb(246, 248, 250)
diff --git a/themata/hackish/static/css/hackish.css_t b/themata/hackish/static/css/hackish.css_t
@@ -63,20 +63,21 @@ dd p {
 }
 
 table {
-    background-color: gray;
+    background-color: {{ theme_table_background_color }}; /* theme_table_background_color */
     border-spacing: 1px;
-    margin: 0 auto 0 auto;
 }
 
-table thead th, table thead td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
+table * {
     padding: 5px;
-    margin: 1px;
+    padding-left: 10px;
+}
+
+table tr:nth-child(odd) {
+    background-color: {{ theme_table_tr_odd_background_color }}; /* theme_table_tr_odd_background_color */
 }
 
-table tbody th, table tbody td {
-    background-color: {{ theme_background_color }}; /* theme_background_color */
-    padding: 2px;
+table tr:nth-child(even) {
+    background-color: {{ theme_table_tr_even_background_color }} /* theme_table_tr_even_background_color */
 }
 
 code,

diff --git a/themata/hackish/theme.conf b/themata/hackish/theme.conf
@@ -27,4 +27,7 @@ header_background_color = black
 background_color = black
 code_background_color = rgba(255, 255, 255, 0.1)
 search_input_background = #f7f7f7
-header_sec_background_color = rgb(0,63,0)
+header_sec_background_color = rgb(0,63,0)
+table_background_color = rgba(36,233,10,0.1)
+table_tr_odd_background_color = black
+table_tr_even_background_color = rgba(36,233,10,0.1)