使用默认主题色

This commit is contained in:
zogodo
2020-02-21 17:02:04 +08:00
parent f533c6dc89
commit 964d79b786
3 changed files with 215 additions and 223 deletions

View File

@@ -27,7 +27,7 @@
</head>
<body>
<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
<header class="demo-header mdl-layout__header mdl-color--grey-100 mdl-color-text--grey-600">
<header class="demo-header mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout-title">Home</span>
<div class="mdl-layout-spacer"></div>
@@ -78,24 +78,22 @@
<a class="mdl-navigation__link" href="javascript:ShowPage(7);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>Promos</a>
<a class="mdl-navigation__link" href="javascript:ShowPage(8);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>Purchases</a>
<a class="mdl-navigation__link" href="javascript:ShowPage(9);"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">people</i>Social</a>
<div class="mdl-layout-spacer"></div>
<a class="mdl-navigation__link" href=""><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">help_outline</i><span class="visuallyhidden">Help</span></a>
</nav>
</div>
<main class="mdl-layout__content mdl-color--grey-100">
<main class="mdl-layout__content">
<div class="mdl-grid demo-content">
<div id="page0" class="page demo-cards mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
<div class="demo-options mdl-card mdl-color--deep-purple-500 mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__supporting-text mdl-color-text--blue-grey-50">
<div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
<div class="mdl-card__supporting-text">
<h3>Power Control</h3>
<ul class="demo-list-control mdl-list">
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-1
</span>
<span class="mdl-list__item-secondary-action">
@@ -105,7 +103,7 @@
</span>
</li>
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-2
</span>
<span class="mdl-list__item-secondary-action">
@@ -115,7 +113,7 @@
</span>
</li>
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-3
</span>
<span class="mdl-list__item-secondary-action">
@@ -125,7 +123,7 @@
</span>
</li>
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-4
</span>
<span class="mdl-list__item-secondary-action">
@@ -135,7 +133,7 @@
</span>
</li>
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-5
</span>
<span class="mdl-list__item-secondary-action">
@@ -145,7 +143,7 @@
</span>
</li>
<li class="mdl-list__item">
<span class="mdl-color-text--blue-grey-50 mdl-list__item-primary-content">
<span class="mdl-list__item-primary-content">
Socket-6
</span>
<span class="mdl-list__item-secondary-action">
@@ -163,7 +161,7 @@
<div id="page1" class="page demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
<div id="page1" class="page demo-charts mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
<svg fill="currentColor" width="200px" height="200px" viewBox="0 0 1 1" class="demo-chart mdl-cell mdl-cell--4-col mdl-cell--3-col-desktop">
<use xlink:href="#piechart" mask="url(#piemask)" />
<text x="0.5" y="0.5" font-family="Roboto" font-size="0.3" fill="#888" text-anchor="middle" dy="0.1">82<tspan font-size="0.2" dy="-0.07">%</tspan></text>
@@ -182,7 +180,7 @@
</svg>
</div>
<div id="page2" class="page demo-graphs mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--8-col">
<div id="page2" class="page demo-graphs mdl-shadow--2dp mdl-cell mdl-cell--8-col">
<svg fill="currentColor" viewBox="0 0 500 250" class="demo-graph">
<use xlink:href="#chart" />
</svg>