1
0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 23:05:10 +01:00

Main nav items to buttons, theme support for buttons

This commit is contained in:
2018-03-24 11:17:26 +01:00
parent fc2712f5e3
commit 1d531989bb
2 changed files with 20 additions and 2 deletions

View File

@@ -38,6 +38,8 @@ themes = {
'MESSAGE_TEXT': 'white-text', 'MESSAGE_TEXT': 'white-text',
'ERRORMESSAGE_BACKGROUND': 'red darken-1', 'ERRORMESSAGE_BACKGROUND': 'red darken-1',
'ERRORMESSAGE_TEXT': 'white-text', 'ERRORMESSAGE_TEXT': 'white-text',
'BUTTON': '#1b5e20', # green darken-4
'BUTTON_ACTIVE': '#43a047', # green darken-1
'CARD_BACKGROUND': 'green darken-3', 'CARD_BACKGROUND': 'green darken-3',
'CARD_TEXT': 'white-text', 'CARD_TEXT': 'white-text',
'CARD_LINK': '#FFF', # white-text 'CARD_LINK': '#FFF', # white-text
@@ -59,6 +61,8 @@ themes = {
'MESSAGE_TEXT': 'white-text', 'MESSAGE_TEXT': 'white-text',
'ERRORMESSAGE_BACKGROUND': 'red darken-1', 'ERRORMESSAGE_BACKGROUND': 'red darken-1',
'ERRORMESSAGE_TEXT': 'white-text', 'ERRORMESSAGE_TEXT': 'white-text',
'BUTTON': '#1b5e20', # green darken-4
'BUTTON_ACTIVE': '#43a047', # green darken-1
'CARD_BACKGROUND': 'green darken-1', 'CARD_BACKGROUND': 'green darken-1',
'CARD_TEXT': 'white-text', 'CARD_TEXT': 'white-text',
'CARD_LINK': '#FFF', # white-text 'CARD_LINK': '#FFF', # white-text
@@ -80,6 +84,8 @@ themes = {
'MESSAGE_TEXT': 'white-text', 'MESSAGE_TEXT': 'white-text',
'ERRORMESSAGE_BACKGROUND': 'red darken-1', 'ERRORMESSAGE_BACKGROUND': 'red darken-1',
'ERRORMESSAGE_TEXT': 'white-text', 'ERRORMESSAGE_TEXT': 'white-text',
'BUTTON': '#fb8c00', # orange darken-1
'BUTTON_ACTIVE': '#ffa726', # orange lighten-1
'CARD_BACKGROUND': 'light-blue lighten-2', 'CARD_BACKGROUND': 'light-blue lighten-2',
'CARD_TEXT': 'black-text', 'CARD_TEXT': 'black-text',
'CARD_LINK': '#263238', # blue-grey-text darken-4 'CARD_LINK': '#263238', # blue-grey-text darken-4
@@ -101,6 +107,8 @@ themes = {
'MESSAGE_TEXT': 'white-text', 'MESSAGE_TEXT': 'white-text',
'ERRORMESSAGE_BACKGROUND': 'red darken-1', 'ERRORMESSAGE_BACKGROUND': 'red darken-1',
'ERRORMESSAGE_TEXT': 'white-text', 'ERRORMESSAGE_TEXT': 'white-text',
'BUTTON': '#fb8c00', # orange darken-1
'BUTTON_ACTIVE': '#ffa726', # orange lighten-1
'CARD_BACKGROUND': 'grey darken-3', 'CARD_BACKGROUND': 'grey darken-3',
'CARD_TEXT': 'grey-text lighten-1', 'CARD_TEXT': 'grey-text lighten-1',
'CARD_LINK': '#fb8c00', # orange-text darken-1 'CARD_LINK': '#fb8c00', # orange-text darken-1
@@ -122,6 +130,8 @@ themes = {
'MESSAGE_TEXT': 'white-text', 'MESSAGE_TEXT': 'white-text',
'ERRORMESSAGE_BACKGROUND': 'red darken-1', 'ERRORMESSAGE_BACKGROUND': 'red darken-1',
'ERRORMESSAGE_TEXT': 'white-text', 'ERRORMESSAGE_TEXT': 'white-text',
'BUTTON': '#fb8c00', # orange darken-1
'BUTTON_ACTIVE': '#ffa726', # orange lighten-1
'CARD_BACKGROUND': 'grey darken-3', 'CARD_BACKGROUND': 'grey darken-3',
'CARD_TEXT': 'grey-text lighten-1', 'CARD_TEXT': 'grey-text lighten-1',
'CARD_LINK': '#fb8c00', # orange-text darken-1 'CARD_LINK': '#fb8c00', # orange-text darken-1

View File

@@ -32,6 +32,14 @@
{ {
color: {{ theme.TEXTHEX }} !important; color: {{ theme.TEXTHEX }} !important;
} }
.btn, .btn:visited
{
background-color: {{ theme.BUTTON }};
}
.btn:hover, .btn:active
{
background-color: {{ theme.BUTTON_ACTIVE }};
}
</style> </style>
<link href="{{ url_for('static', filename='css/digimarks.css') }}?20180317" type="text/css" rel="stylesheet" media="screen,projection"/> <link href="{{ url_for('static', filename='css/digimarks.css') }}?20180317" type="text/css" rel="stylesheet" media="screen,projection"/>
</head> </head>
@@ -40,8 +48,8 @@
<div class="nav-wrapper container"><a id="logo-container" href="{% if userkey %}{{ url_for('bookmarks_page', userkey=userkey) }}{% else %}{{ url_for('index') }}{% endif %}" class="brand-logo">digimarks</a> <div class="nav-wrapper container"><a id="logo-container" href="{% if userkey %}{{ url_for('bookmarks_page', userkey=userkey) }}{% else %}{{ url_for('index') }}{% endif %}" class="brand-logo">digimarks</a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
{% if userkey %} {% if userkey %}
<li><a href="{{ url_for('tags', userkey=userkey) }}"><i class="material-icons left">label</i>Tags</a></li> <li><a href="{{ url_for('tags', userkey=userkey) }}" class="waves-effect waves-light btn"><i class="material-icons left">label</i>Tags</a></li>
<li><a href="{{ url_for('addbookmark', userkey=userkey) }}"><i class="material-icons left">add</i>Add bookmark</a></li> <li><a href="{{ url_for('addbookmark', userkey=userkey) }}" class="waves-effect waves-light btn"><i class="material-icons left">add</i>Add bookmark</a></li>
{% endif %} {% endif %}
</ul> </ul>