mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-10 08:14:52 +00:00
Improve themes and codes
This commit is contained in:
parent
cd1976264f
commit
6761f09c6e
3 changed files with 8 additions and 6 deletions
|
|
@ -17,13 +17,17 @@
|
|||
|
||||
.code-block {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 2px;
|
||||
transition: $swift-ease-out;
|
||||
color: #455A64;
|
||||
font-family: "Operator Mono", "Fira Code", Menlo, Hack, "Roboto Mono", "Liberation Mono", Monaco, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
|
||||
&:hover {
|
||||
background-color: #f5f5f5;
|
||||
|
||||
&:after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Vue.use(VueMaterial);
|
|||
|
||||
Vue.material.theme.registerAll({
|
||||
default: {
|
||||
primary: 'cyan',
|
||||
primary: 'blue',
|
||||
accent: 'pink'
|
||||
},
|
||||
indigo: {
|
||||
|
|
@ -53,7 +53,7 @@ Vue.material.theme.registerAll({
|
|||
},
|
||||
white: {
|
||||
primary: 'white',
|
||||
accent: 'indigo'
|
||||
accent: 'blue'
|
||||
},
|
||||
grey: {
|
||||
primary: {
|
||||
|
|
|
|||
|
|
@ -41,12 +41,10 @@ let router = new VueRouter({
|
|||
|
||||
let Docs = Vue.component('app', App);
|
||||
let handleSectionTheme = (currentRoute) => {
|
||||
if (currentRoute.name.indexOf('introduction') >= 0) {
|
||||
Docs.theme = 'blue';
|
||||
} else if (currentRoute.name.indexOf('components') >= 0) {
|
||||
if (currentRoute.name.indexOf('getting') >= 0) {
|
||||
Docs.theme = 'indigo';
|
||||
} else if (currentRoute.name.indexOf('themes') >= 0) {
|
||||
Docs.theme = 'blue';
|
||||
Docs.theme = 'teal';
|
||||
} else if (currentRoute.name.indexOf('ui-elements') >= 0) {
|
||||
Docs.theme = 'blue-grey';
|
||||
} else if (currentRoute.name.indexOf('changelog') >= 0) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue