Update tier color

tksarah · Mar 1, 2024 · a36f96e · a36f96e
1 parent 416e981
commit a36f96e
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -30,6 +30,30 @@
   tr:hover {
     background-color: #555;
   }
+
+
+/* Tier 1のセルのスタイル */
+.tier1 {
+  font-weight: bold;
+  background-color: yellow;
+}
+
+/* Tier 2のセルのスタイル */
+.tier2 {
+  font-weight: bold;
+  background-color: orange;
+}
+/* Tier 2のセルのスタイル */
+.tier3 {
+  font-weight: bold;
+  background-color: rosybrown;
+}
+/* Tier 2のセルのスタイル */
+.tier4 {
+  font-weight: bold;
+  background-color: moccasin;
+}
+
 </style>
 </head>
 <body>
@@ -102,12 +126,16 @@ <h2> Data Table </h2>
       let tier = '';
       if (totalStaked >= 200000000) {
         tier = 'Tier 1';
+  	tierClass = 'tier1'; // Tier 1のクラスを追加
       } else if (totalStaked >= 50000000 && totalStaked < 300000000) {
         tier = 'Tier 2';
+  	tierClass = 'tier2'; // Tier 2のクラスを追加
       } else if (totalStaked >= 15000000 && totalStaked < 50000000) {
         tier = 'Tier 3';
+  	tierClass = 'tier3'; // Tier 3のクラスを追加
       } else if (totalStaked >= 1500000 && totalStaked < 15000000) {
         tier = 'Tier 4';
+  	tierClass = 'tier4'; // Tier 4のクラスを追加
       } else if (totalStaked < 1500000) { 
         tier = 'Tier 99(No Tier)';
       }