决斗数据库 暗黑版

src/components/Cards.vue

@@ -431,8 +431,47 @@
 
 
 <style scoped>
+    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
+{
+    background-color: #1a4861;
+    border: 3px solid #161b22;
+
+
+}
+
+.nav-tabs {
+    border-bottom: 1px solid black;
+}
+
+  .well
+  {
+
+    background-color: #1a4861;
+
+    border:none;
+  }
+.input-group-addon
+{
+  color: white;
+  background-color: #161b22;
+  border: 1px solid black;
+}
+
+
+  .form-control
+  {
+
+    border: 1px solid black;
+    color: white;
+    background-color: #283044;
+
+  }
     .tab-img {
         height: 72px;
         width: 120px;
     }
+    .table-responsive {
+
+    border: 1px solid black;
+}
 </style>

src/components/lang.js

@@ -42,7 +42,7 @@ module.exports = {
     athleticDueHistory: '竞技场决斗记录',
     entertainDueHistory: '娱乐场决斗记录',
     tagInfo:'绿色表示获胜方，红色则表示掉线。',
-    
+
 
     exp_rank: 'EXP 排名',
     athletic_rank: 'D.P 排名',
@@ -52,7 +52,7 @@ module.exports = {
     all: '总场',
     ratio: '胜率',
     violation: '违规次数',
-
+    shop:"Merch❤",
     userRank: {
       expRank: 'EXP排名',
       pointRank: '竞技场排名',
@@ -91,17 +91,17 @@ module.exports = {
       attack: "攻击",
       defend:"防御"
     },
-    
+
     index: {
-      p1: 'MyCard是一款免费开源的游戏平台，支持着YGOPro，东方弹幕等游戏的联机。同时平台内也自带制作组自主研发的单机游戏。',
+      p1: 'MyCard是一款免费开源的游戏平台，支持着YGOPRO，东方弹幕等游戏的联机。同时平台内也自带制作组自主研发的单机游戏。',
       srartNow: 'START NOW!',
-      p2: '欢迎来到MCPro决斗数据库',
-      p3: '在这里你可以找到一切与MyCard中YGOPro决斗有关的数据。强力的决斗者离不开数据分析参考，请尽情使用这些数据变的更强吧！',
+      p2: '欢迎来到MyCard决斗数据库',
+      p3: '在这里你可以找到一切MyCard决斗有关的数据。强力的决斗者离不开数据分析参考，请尽情使用这些数据变的更强吧！',
 
       p4: '查看EXP与竞技场排行榜，你是否也是榜上有名的明星决斗者？',
       p5: '查看玩家详细资料，记录你的MyCard决斗生涯。',
       p6: '查看各卡片 / 卡组的使用状况，这个环境的主流是什么？',
-      p7: 'YGOPro战队联盟存放统计友谊赛战报的地方。',
+      p7: 'Ygopro战队联盟存放统计友谊赛战报的地方。',
       h1: '决斗排名',
       h2: '玩家信息',
       h3: '卡片排名',
@@ -115,7 +115,6 @@ module.exports = {
     lang: '语言',
     cn: '中文',
     en: 'English',
-    database: 'MCPro Database',
     forum: 'Forum',
     rank: 'User rank',
     battlelog: 'Battle log',
@@ -163,7 +162,8 @@ module.exports = {
     all: 'All',
     ratio: 'W/L',
     violation: 'Violation',
-
+    shop:"Merch❤",
+    database:"DataBase",
     userRank: {
       expRank: 'EXP Rank',
       pointRank: 'Athletic Rank',

static/assets/css/styles.css

@@ -89,3 +89,52 @@ body {
 }
 
 
+.table-striped > tbody > tr:nth-of-type(even) {
+  background-color: #283044;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: transparent;
+}
+
+body {
+  background-color: #1b2738;
+  color: #ebf5ee;
+}
+
+a {
+  color: #ebf5ee;
+}
+
+.table-bordered {
+  border: none;
+
+}
+
+.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
+  border: none;
+}
+
+thead {
+  background-color: #1a4861;
+}
+
+
+.navbar-inverse {
+  background-color: #161b22;
+  border-color: #dddddd;
+
+}
+.navbar-inverse .navbar-nav>li>a {
+  color: #bdbcba;
+}
+.navbar-inverse .navbar-link {
+  color: #FFFFFF;
+}
+.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
+
+  color: #FFFFFF;
+}
+.navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
+  color: #FFFFFF!important;
+}