snoopy/in-c4
2
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change button names #2

Merged
snoopy merged 3 commits from change-color-of-buttons into main 2024-05-01 00:18:24 +02:00
Conversation 0 Commits 3 Files changed 3 +17 -7
3 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/c4.css
View file

@ -27,18 +27,28 @@ h1, h1 a {
font-size: smaller; font-size: smaller;
} }
.btn.green { .btn.primary {
color: #020; color: #220;
background-color: #6f3; background-color: #fcbb06;
} }
.btn.green:hover ,.btn.green:focus { .btn.primary:hover,.btn.primary:focus {
background-color: #ffcc33;
}
.btn.grn {
color: #020;
background-color: #9f6;
}
.btn.grn:hover ,.btn.grn:focus {
background-color: #3f0; background-color: #3f0;
} }
.btn.red { .btn.red {
color: #200; color: #200;
background-color: #f36; background-color: #f48;
} }
.btn.red:hover, .btn.red:focus { .btn.red:hover, .btn.red:focus {

2
static/form.html
View file

@ -50,6 +50,6 @@
</form> </form>
<button id="delete" class="btn red" autocomplete="off">Delete</button> <button id="delete" class="btn red" autocomplete="off">Delete</button>
<button id="save" class="btn green" autocomplete="off">Save</button> <button id="save" class="btn primary" autocomplete="off">Save</button>
</body> </body>
</html> </html>

2
static/index.html
View file

@ -38,7 +38,7 @@
</div> </div>
</template> </template>
</div> </div>
<a href="form.html" class="btn green">+</a> <a href="form.html" class="btn primary">+</a>
</div> </div>
</body> </body>
</html> </html>