commit e568f84c68e65e0f778ade2cdbd0dc3ea006095e
parent a29c7a60862f58f26ceda9eedb69df79c77a07dd
Author: Asher Morgan <59518073+ashermorgan@users.noreply.github.com>
Date: Thu, 11 Jul 2024 14:13:43 -0700
Improve dark theme colors
Diffstat:
6 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/simulations/atwood-machine.html b/simulations/atwood-machine.html
@@ -61,14 +61,14 @@
</div>
<svg width="400px" viewBox="-0.1 -0.1 8.3 8.1">
<!-- Pulley -->
- <circle cx="1.5" cy="1.5" r="1" stroke-width="0.1" stroke="#808080" fill="#404040"></circle>
+ <circle cx="1.5" cy="1.5" r="1" stroke-width="0.1" stroke="#a0a0a0" fill="#606060"></circle>
<!-- 1st weight -->
- <line x1="0.5" y1="1.5" x2="0.5" :y2="4.5 + displacement" stroke-width="0.1" stroke="#808080"></line>
+ <line x1="0.5" y1="1.5" x2="0.5" :y2="4.5 + displacement" stroke-width="0.1" stroke="#a0a0a0"></line>
<circle cx="0.5" :cy="4.5 + displacement" :r="0.03*mass1+0.2" fill="#ff0000"></circle>
<!-- 2nd weight -->
- <line :x1="positionVector[0] + 1.5" :y1="positionVector[1] + 1.5" :x2="positionVector[2] + 1.5" :y2="positionVector[3] + 1.5" stroke-width="0.1" stroke="#808080"></line>
+ <line :x1="positionVector[0] + 1.5" :y1="positionVector[1] + 1.5" :x2="positionVector[2] + 1.5" :y2="positionVector[3] + 1.5" stroke-width="0.1" stroke="#a0a0a0"></line>
<circle :cx="positionVector[2] + 1.5" :cy="positionVector[3] + 1.5" :r="0.03*mass2+0.2" fill="#0000ff"></circle>
</svg>
</div>
diff --git a/simulations/circular-motion.html b/simulations/circular-motion.html
@@ -58,11 +58,11 @@
<svg width="400px" viewBox="-1.5 -1.5 3 3">
<!-- Circle outline -->
<circle cx="0" cy="0" :r="radius" stroke="#808080" stroke-width="0.01" fill="none" stroke-dasharray="0.05,0.05"/>
- <circle cx="0" cy="0" r="0.025" fill="#000000"></circle>
+ <circle cx="0" cy="0" r="0.025" fill="currentColor"></circle>
<!-- Velocity vector-->
- <line :x1="position[0]" :y1="position[1]" :x2="velocityVector[0]" :y2="velocityVector[1]" stroke="black" stroke-width="0.025"/>
- <path :d="`M${velocityVector[2]} ${velocityVector[3]} L${velocityVector[0]} ${velocityVector[1]} L${velocityVector[4]} ${velocityVector[5]} Z`" stroke="#000000" stroke-width="0.025" fill="#000000"/>
+ <line :x1="position[0]" :y1="position[1]" :x2="velocityVector[0]" :y2="velocityVector[1]" stroke="currentColor" stroke-width="0.025"/>
+ <path :d="`M${velocityVector[2]} ${velocityVector[3]} L${velocityVector[0]} ${velocityVector[1]} L${velocityVector[4]} ${velocityVector[5]} Z`" stroke="currentColor" stroke-width="0.025" fill="currentColor"/>
<!-- Centripetal force vector-->
<line :x1="position[0]" :y1="position[1]" :x2="forceVector[0]" :y2="forceVector[1]" stroke="gray" stroke-width="0.025"/>
diff --git a/simulations/horizontal-motion.html b/simulations/horizontal-motion.html
@@ -65,8 +65,8 @@
</div>
<svg width="800px" viewBox="0 0 10 2">
<!-- Ruler marks -->
- <line v-for="(_,n) in 101" :x1="references[1] + n*0.1" y1="1.7" :x2="references[1] + n*0.1" y2="1.9" stroke-width="0.01" stroke="#000000"></line>
- <line v-for="(_,n) in 11" :x1="references[0] + n" y1="1.6" :x2="references[0] + n" y2="2.0" stroke-width="0.02" stroke="#000000"></line>
+ <line v-for="(_,n) in 101" :x1="references[1] + n*0.1" y1="1.7" :x2="references[1] + n*0.1" y2="1.9" stroke-width="0.01" stroke="currentColor"></line>
+ <line v-for="(_,n) in 11" :x1="references[0] + n" y1="1.6" :x2="references[0] + n" y2="2.0" stroke-width="0.02" stroke="currentColor"></line>
<!-- Force vector -->
<line x1="5" :y1="1.2 - 0.05*mass+0.1" :x2="5+0.3*force" :y2="1.2 - 0.05*mass+0.1" stroke-width="0.1" stroke="#808080"></line>
diff --git a/simulations/projectile-motion.html b/simulations/projectile-motion.html
@@ -74,14 +74,14 @@
</div>
<svg width="400px" height="400px" viewBox="-1 -1 101 102">
<!-- Ground -->
- <line x1="-10000" y1="101" x2="10000" y2="101" stroke-width="1" stroke="#404040"></line>
+ <line x1="-10000" y1="101" x2="10000" y2="101" stroke-width="1" stroke="#606060"></line>
<!-- Path -->
- <circle v-for="position in positions" :cx="10*position.x" :cy="100 - 10*position.y" r="0.5" fill="#808080"></circle>
+ <circle v-for="position in positions" :cx="10*position.x" :cy="100 - 10*position.y" r="0.5" fill="#a0a0a0"></circle>
<!-- Launch vector -->
- <line :x1="10*position.x" :y1="100 - 10*position.y" :x2="10*launchArrow[1].x" :y2="100 - 10*launchArrow[1].y" stroke-width="1" stroke="#808080"></line>
- <path :d="`M${10*launchArrow[0].x} ${100 - 10*launchArrow[0].y} L${10*launchArrow[1].x} ${100 - 10*launchArrow[1].y} L${10*launchArrow[2].x} ${100 - 10*launchArrow[2].y} Z`" stroke="#808080" stroke-width="1" fill="#808080"/>
+ <line :x1="10*position.x" :y1="100 - 10*position.y" :x2="10*launchArrow[1].x" :y2="100 - 10*launchArrow[1].y" stroke-width="1" stroke="#a0a0a0"></line>
+ <path :d="`M${10*launchArrow[0].x} ${100 - 10*launchArrow[0].y} L${10*launchArrow[1].x} ${100 - 10*launchArrow[1].y} L${10*launchArrow[2].x} ${100 - 10*launchArrow[2].y} Z`" stroke="#a0a0a0" stroke-width="1" fill="#a0a0a0"/>
<!-- Projectile -->
<circle :cx="10*position.x" :cy="100 - 10*position.y" r="1" fill="#ff0000"></circle>
diff --git a/simulations/simple-pendulum.html b/simulations/simple-pendulum.html
@@ -57,11 +57,11 @@
</div>
<svg width="400px" viewBox="-8 -3 16 16">
<!-- String -->
- <circle cx="0" c1="0" r="0.1" fill="#808080"></circle>
- <line x1="0" y1="0" :x2="position.x" :y2="-position.y" stroke="#808080" stroke-width="0.2"></line>
+ <circle cx="0" c1="0" r="0.1" fill="#a0a0a0"></circle>
+ <line x1="0" y1="0" :x2="position.x" :y2="-position.y" stroke="#a0a0a0" stroke-width="0.2"></line>
<!-- Box -->
- <rect x="-2" y="-0.5" width="4" height="0.5" fill="#000000"></rect>
+ <rect x="-2" y="-0.5" width="4" height="0.5" fill="#606060"></rect>
<!-- Mass -->
<circle :cx="position.x" :cy="-position.y" r="0.5" fill="#ff0000"></circle>
diff --git a/simulations/spring-mass-system.html b/simulations/spring-mass-system.html
@@ -60,8 +60,8 @@
<line x1="0" y1="0" :x2="0" y2="4" stroke="#808080" stroke-width="0.05" stroke-dasharray="0.1,0.1"></line>
<!-- Spring -->
- <line x1="-11" y1="2" :x2="position" y2="2" stroke="#404040" stroke-width="0.1"></line>
- <rect x="-11" y="1" width="0.25" height="2" fill="#000000"></rect>
+ <line x1="-11" y1="2" :x2="position" y2="2" stroke="#a0a0a0" stroke-width="0.1"></line>
+ <rect x="-11" y="1" width="0.25" height="2" fill="#606060"></rect>
<!-- Mass -->
<circle :cx="position" cy="2" :r="0.05*mass+0.1" fill="#ff0000"></circle>
