|

|
Hey y'all! I know palettes and the CSS are kind of a sacred skill to some on here but I'd love to hear feedback or tips on what I'm doing with my experimental palette right now! My current goal for it is to match the lovely art I have from Mana. I'm not super skilled or knowledgeable on CSS but I am researching it online and I have quite a few tricks/tips that I've picked up through forums and conversations on HEE, so if my skill level doesn't seem consistent throughout my palette, it's because it isn't. I don't particularly understand everything about why and how these bits work but I do understand what they do. Currently I started with my base as my last palette that I made (which had a base from the default palette), and copied it into a google doc as I worked on it, updating it back and forth to see what does what and make small changes without risking losing all of my work if I majorly messed up. I've posted pictures below that I'm sure I'll update as I work, so that you can see all of the aspects (or at least most of them) and give me an idea of what you may change or do differently if you were the one working on this palette. Eventually I'd like to get to a point where I am adept enough to create palettes for others and be able to modify it all on a google doc without having to change my own stable palette constantly to check what I'm changing. . . Things I'm Currently Playing With: - Borders (rounded & squared) - Fonts - Shadows - Colors/Themeing in General . Things I'm Not Sure About: - Targeting specific parts of the CSS that aren't prelisted in the default palettes (I'm scared to kind of branch out and experiment too much more out of fear that I'll mess up and lose motivation, especially because I can't figure out if there is a specific way these extra pieces have to be formatted that I'm not already aware about and terms/names that target things I don't mean to.) - The strip at the bottom of my nav bar (It was fine with the previous palette I made but when i changed the color it now has a strip, which isn't a previous color in my palette, although I haven't tried to fix specifically that yet) - A few select text pieces that I haven't gone out of my way to try and fix but I noticed didn't fall in line with other colors/fonts I've used so far Edited at December 15, 2023 09:31 PM by Villarreal Ridge
|
|
|
|

|
Edited at December 15, 2023 09:17 PM by Villarreal Ridge
|
|
|
|

|
Heya, I am happy to give you some guidance! Firstly, your palette is looking really great and you should be very proud of yourself! Coding can be a pain and I had many meltdowns trying to learn all about it :p Hopefully these make sense, I am tired at the moment haha. You're welcome to hassle me with questions, it's great seeing someone having a go. When I was learning, I did not get much help (literally at all) so I know how it feels and am more than happy to help Me personally, I would change: The background behind the "chat" & "Refresh" buttons - either to a matching colour or completely transparent. I would also remove the original borders and either replace them or leave them off.
I will also be a pain and mention the brown bar behind the nav but I know it can be a real big pain to get rid of sometimes.
Also, for the navbar, I would make the background a warmer colour. Perhaps the same colour as the table colour (this one below) or any other colour that matches :)
The hover is currently brown, I would personally make it a different colour The corners of the tables, chat boxes etc I would make sharp! Code: border-radius: 1px !important;
|
|  |
|
|

|
Thank you so much! I'm quite tired myself so I'll have a go at this in the morning and update things here if you'd like to watch my journey lol. I love getting other peoples opinions on things like the "vibe" because it's often what I feel makes or breaks a palette so the suggestion of a warmer color is super helpful! Golden Crest said: Heya, I am happy to give you some guidance! Firstly, your palette is looking really great and you should be very proud of yourself! Coding can be a pain and I had many meltdowns trying to learn all about it :p Hopefully these make sense, I am tired at the moment haha. You're welcome to hassle me with questions, it's great seeing someone having a go. When I was learning, I did not get much help (literally at all) so I know how it feels and am more than happy to help Me personally, I would change: The background behind the "chat" & "Refresh" buttons - either to a matching colour or completely transparent. I would also remove the original borders and either replace them or leave them off.
I will also be a pain and mention the brown bar behind the nav but I know it can be a real big pain to get rid of sometimes.
Also, for the navbar, I would make the background a warmer colour. Perhaps the same colour as the table colour (this one below) or any other colour that matches :)
The hover is currently brown, I would personally make it a different colour The corners of the tables, chat boxes etc I would make sharp! Code: border-radius: 1px !important;
|
|
|