[Akkoma] - Create and add instance icon #379

Closed
opened 2022-11-28 13:21:36 +01:00 by muppeth · 23 comments
Owner

We should review and add properly sized instance icon

We should review and add properly sized instance icon
muppeth added the
Akkoma
label 2022-11-28 13:21:36 +01:00
Owner

Here is what https://github.com/BDX-town/Mangane/blob/master/docs/customization.md says:

The instance logo

The instance logo must be a valid svg file. It will be shown in pages using the same icon system than the rest of the app, in order to match the colors settings. Be sure to use a 'raw' svg file, and to not simply use a svg wrapper for a bitmap image.

If you want the logo to match your color settings, you will need to update it so every fill or stroke property that you want to change use the special value currentColor https://css-tricks.com/currentcolor/
Here is what https://github.com/BDX-town/Mangane/blob/master/docs/customization.md says: ``` The instance logo The instance logo must be a valid svg file. It will be shown in pages using the same icon system than the rest of the app, in order to match the colors settings. Be sure to use a 'raw' svg file, and to not simply use a svg wrapper for a bitmap image. If you want the logo to match your color settings, you will need to update it so every fill or stroke property that you want to change use the special value currentColor https://css-tricks.com/currentcolor/ ```
Author
Owner

I meant whether we want to create new logo. Current one has a lot of details which you cant even see since the logos are small. I like the reference to fe (metal) but perhpas making it a bit less detailed so it looks good when small would be a good idea. I asked @antilopa about it and she said that she will look into it.

I meant whether we want to create new logo. Current one has a lot of details which you cant even see since the logos are small. I like the reference to fe (metal) but perhpas making it a bit less detailed so it looks good when small would be a good idea. I asked @antilopa about it and she said that she will look into it.
antilopa was assigned by meaz 2022-12-24 10:07:18 +01:00
Owner

Same impressions as @muppeth. I really like the current logo.

Same impressions as @muppeth. I really like the current logo.
meaz added this to the 23.03 - March milestone 2023-02-25 08:43:29 +01:00
muppeth added this to the 23.03 - March project 2023-03-08 12:13:11 +01:00
Owner

@antilopa what's up with that? I think you said it was not really possible to change the current idea to make it work when smaller.

@antilopa what's up with that? I think you said it was not really possible to change the current idea to make it work when smaller.
Owner

I didn't find a satisfying solution. I like the current logo more than anything else I tried..

I didn't find a satisfying solution. I like the current logo more than anything else I tried..

Please don't mind my butting in, but I had some inspiration and would like to share. Maybe something along these lines, perhaps?

Please don't mind my butting in, but I had some inspiration and would like to share. Maybe something along these lines, perhaps? ![](https://i.postimg.cc/HsttsShf/image-copy.png)
muppeth removed this from the 23.03 - March milestone 2023-04-05 19:51:00 +02:00
muppeth removed this from the 23.03 - March project 2023-04-10 12:24:12 +02:00
Owner

@Shadowstreik it is an interesting idea but I don't think it solves the issue that was raised with the current icon - the fact that the details get lost when the icon is displayed in small scale on the webpage:
image

I'll be honest here - I do like like the current instance icon. Apart from the iron connection - which is abstract and not directly obvious for everybody - it also looks like a busy hub with a lot of activity around or like a source of energy - like a sun. i like it because it has more than one interpretation. so I admit it is hard for me to come up with anything else to replace it. But I know I am only one person with one opinion and I don't want to impose it on the rest.

Maybe removing some of the rings (and the abstract iron connection) can help. Not sure.. image or adopt a completely different approach and go with the beet (like the avatar but without the smile) if preferred by most: image

@Shadowstreik it is an interesting idea but I don't think it solves the issue that was raised with the current icon - the fact that the details get lost when the icon is displayed in small scale on the webpage: ![image](/attachments/432af26a-3d9f-4e87-a29f-2ef760f745be) I'll be honest here - I do like like the current instance icon. Apart from the iron connection - which is abstract and not directly obvious for everybody - it also looks like a busy hub with a lot of activity around or like a source of energy - like a sun. i like it because it has more than one interpretation. so I admit it is hard for me to come up with anything else to replace it. But I know I am only one person with one opinion and I don't want to impose it on the rest. Maybe removing some of the rings (and the abstract iron connection) can help. Not sure.. ![image](/attachments/59ea56bf-2608-4e72-9612-65ece586abf3) or adopt a completely different approach and go with the beet (like the avatar but without the smile) if preferred by most: ![image](/attachments/c59573d2-e79f-47b7-914a-5f1f34fcf231)
1.1 KiB
2.7 KiB
1.1 KiB
Owner

I'd go for a different approach...

I'd go for a different approach...
Owner

I noticed the examples and suggestions I put in my previous text were not uploaded so I re-edited them back into the post.

I noticed the examples and suggestions I put in my previous text were not uploaded so I re-edited them back into the post.

Yeah, remove the inner ring, make the outter ring thicker and reduce the number of dots but make them thicker.

Yeah, remove the inner ring, make the outter ring thicker and reduce the number of dots but make them thicker.
Owner

As I said before, I like the current logo. And the "simplified" version too.

As I said before, I like the current logo. And the "simplified" version too.
Owner

improved double rings with thicker lines and more balanced: image

Less lines and dots but thicker as @Shadowstreik's suggestion image

improved double rings with thicker lines and more balanced: ![image](/attachments/734fd736-12e4-4474-9eab-222c4355a1bc) Less lines and dots but thicker as @Shadowstreik's suggestion ![image](/attachments/70039c5b-a73d-41c6-9ee5-2254fa14e232)
3.2 KiB
2.3 KiB
Owner

@antilopa images path are wrong,can you upload them again?

@antilopa images path are wrong,can you upload them again?

I very much like each of these. On mine, I chose the angle of "less is more", simplified but gets the message across and would show up less cluttered on smaller-sized views.

I very much like each of these. On mine, I chose the angle of "less is more", simplified but gets the message across and would show up less cluttered on smaller-sized views.
Owner

I like the Less lines and dots but thicker one

I like the `Less lines and dots but thicker` one

It appears one may have been put into production. However, it forced an "Update Available" notification. When kicked off, it forced an overall theme change and the instance icon is difficult to see. I was able to determine the instance icon is the default Akkoma or Pleroma image.

It appears one may have been put into production. However, it forced an "Update Available" notification. When kicked off, it forced an overall theme change and the instance icon is difficult to see. I was able to determine the instance icon is the default Akkoma or Pleroma image. ![](https://i.postimg.cc/xdnnN3jG/Screenshot-from-2023-04-27-09-24-53.png)
Author
Owner

Yes it is because i had to move to default frontend yesterday after update due to another issue that needs resolving prior. Default frontend was not setup at all so its pure default.

So I need to do disrootify it. Specially that akkoma now has (still alpha) option to choose frontend which is neat. So yeah hopefully over the weekend I will manage to fix all that.

Yes it is because i had to move to default frontend yesterday after update due to another issue that needs resolving prior. Default frontend was not setup at all so its pure default. So I need to do disrootify it. Specially that akkoma now has (still alpha) option to choose frontend which is neat. So yeah hopefully over the weekend I will manage to fix all that.

Makes complete sense. Thank you.

I think that whichever icon is decided upon that it ends up matching the motif with other icons where there's the beetroot burgundy background and the icon is white.

Makes complete sense. Thank you. I think that whichever icon is decided upon that it ends up matching the motif with other icons where there's the beetroot burgundy background and the icon is white.
Owner

so, do we all agree on the 'Less lines and dots but thicker" that @antilopa created and uploaded above?

so, do we all agree on the 'Less lines and dots but thicker" that @antilopa created and uploaded above?

(Is agreed) :)

(Is agreed) :)
Owner

@antilopa can you add it to the asset repo then? I'll then add it on host_vars so that we can deploy this on fe.disroot.org

@antilopa can you add it to the asset repo then? I'll then add it on host_vars so that we can deploy this on fe.disroot.org
Owner
added in https://git.disroot.org/Disroot/Artwork_assets/pulls/4
Owner

I added those in host_vars, so we just need to deploy now ;)

I added those in host_vars, so we just need to deploy now ;)
meaz closed this issue 2023-07-14 07:50:47 +02:00
Sign in to join this conversation.
No Milestone
No project
No Assignees
5 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Disroot/Disroot-Project#379
No description provided.