Comments (7)
Yes, i can consider that.
But i do think that the add-on is the right place to do it.
I don’t know how many note types you use, but for a normal collection with only a handful of note types (not notes) changing the styling for each note type shouldn’t be a big problem. Set the fill color for each note type for day and night mode to different colors. Unless you want to use a medium color that is visible in either mode. Than you can use just one.
from anki-addons.
Sorry to bother you. Perhaps I don't understand how to follow instructions.
Let's say in a card I have:
[sound:file_name.mp3] Example sentence.
and template:
Styling:
.card {
font-family: arial;
font-size: 32px;
text-align: center;
color: black;
background-color: white;
}
.card1 { background-color: #ffffff; }
.card2 { background-color: #ffffff; }
.red_button .replaybutton span svg {
fill: red;
}
Back template:
{{Question}}<br><span style="font-size: 20px; color:#3399ff">{{#Tags}}{{Tags}}{{/Tags}}</span><hr>{{type:Spelling}}<br><span class="red_button">{{Audio}}</span>{{Answer}}<br>
Or you just mean to set a more appropriate background in night-mode so that this default black play button becomes more visible?
from anki-addons.
What Anki version are you using?
What night mode add-on?
from anki-addons.
Anki Version 2.1.4, Qt 5.9.2 PyQt 5.9 on Manjaro Linux Plasma 5.13.5, QT 5.11.1
Night Mode 2.1.9
from anki-addons.
Thanks.
The quick workaround seems to bee to switch to a grey color.
The .night_mode
switch from my old Anki 2 add-on is not honored by krassowski’s add-on.
So, you could try this in the styling
.card .replaybutton svg {
fill: #657b83;
}
With a color that looks OK on black or white where i put the #657b83
Apart from that, i have to think about it. Ideally the night mode add-on would look at the night_mode css styling and not do any other inverting. AnkiDroid does it that way, or at least did a while ago.
from anki-addons.
That solves the problem.
Perhaps it it worth to mention this version of styling code on your site:
https://ospalh.github.io/anki-addons/Play_button.html
so that other users might know it. Because for people like me who doesn't know programming languages it is impossible to come up with this solution. I would never be able to do it myself.
Thank you very much.
from anki-addons.
I don't know it it is important to you but I don't request this anymore. I am satisfied in styling in template. I hope it will be possible in 2.1.20.
As far as I am concerned you may close it.
Edition:
Anki allows to style replay button:
.replay-button svg path { stroke: #272828; fill: #3399ff; }
.replay-button { width: 35px; }
.replay-button svg circle {
fill: #272828;
stroke: #272828;
}
.card.nightMode { background-color: #272828; }
So I don't need any support anymore.
from anki-addons.
Related Issues (20)
- Replay button plugin shows text instead of image HOT 3
- Japanese - Nothing Downloaded HOT 9
- "remap replay audio button to plus key" and "More shortcuts" HOT 1
- deck_name_in_title 2.1 HOT 4
- Addressing potential Cookie Monster incompatibilities with other add-ons
- Make the way the nid in "Add Note ID" is calculated optional HOT 2
- Recently not working for japanese, but worked perfectly a few days ago. HOT 3
- I get this error after installing the addon HOT 3
- Change the place of button HOT 1
- Cannot replay from the start sometimes if a field has many audio clips HOT 2
- Replay buttons on card and 2.1.20 HOT 9
- downloadaudio Error on Anki 2.1.20 Beta 5 HOT 2
- add_note_id: importing new cards into a note with Note ID field
- Add_Note ID no longer works in Anki 2.1.29+ HOT 4
- make note-id a real uuid HOT 4
- Changing note id to uuid breaks compatibility with linking HOT 1
- Replay buttons on card plugin not working for Anki 2.1.15 HOT 1
- Not support 2.1.49
- 插件启动失败
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from anki-addons.